css怎么让div文字竖着


当前第2页 返回上一页

13f3f38648f42d99d0e4e28d3495295.png

2、通常普通的排版思路:对文字对象宽度设置只能排下一个文字的宽度距离,让文字一行排不下两个文字使其文字自动换行,就形成了竖立排版需求。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<!DOCTYPE html>   

<html>   

<head>   

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   

<title>竖列排版实例</title>   

<style>   

body{text-align:center}   

.shuli{ margin:0 auto;width:20px;line-height:24px;border:1px solid #333}   

</style>   

</head>   

<body>  

<div class="shuli">我是竖列排版</div>  

</body>   

</html>

效果图:

cdaf661ca0d920cd6216efb3f9272f7.png

推荐:《css视频教程》

以上就是css怎么让div文字竖着的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css hack是什么意思

html和css实现字体加粗的三种方法

hover在css中有什么用?

css list-style-position属性怎么用

css超出显示滚动条的方法有哪些

详解纯css实现文字渐变色的两种方式

css中伪类是什么

css代码是什么

html如何加入css样式

css punctuation-trim属性怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...