怎样用css实现一段文字的竖直排版啊?

html-css021

怎样用css实现一段文字的竖直排版啊?,第1张

将这段文字的writing-mode(对象的。书写方向)设置为lr-tb(从左到右,从上到下)。

注意这个属性的参数是分为两个部分的,一部分是水平方向的阅读顺序,另一部分是垂直方向的阅读顺序。

writing-mode和text-align是网页文字排版的两个中重要的属性。writing-mode如上是设置文字的书写方向。text-align是设置文字的对齐方向,其主要参数有left:左对齐,right:右对齐,center:居中,justify:两端对齐。

div是不能定义垂直对齐,也就是V-ALIGN的!

所以,

1:要看你DIV里面是什么内容,解决方法可以是使用FLOAT,浮动,把里面的元素浮动,然后定义MARGIN-TOP之类的

2:还可以在DIV里面放个TABLE,再在TABLE里面放内容,因为TABLE是支持垂直对齐V-ALIGN的

span元素内是不应该嵌套span元素的。这是错误的写法。请使用div等块级元素嵌套

实际上你要是把这三个span换成div的话,至少文字方面的排版问题就解决了。位置问题可以用margin和float来调整