Question

CSS怎么让文字竖着排列

原始的是这样的 TRAVEL

如果让他变成如图。。。。
也就是让他 90度旋转一下。让文字躺着，不是站着

Answer 1

CSS让文字竖着排列,我们可以使用CSS，在需要竖向显示的地方，强制定义显示区域的宽度，这样字符会自动竖向排列：请看具体代码：

推荐使用这种方法，觉得这个方法兼容性也好，而且代码简洁，字符也容易控制。

Answer 2

一、使用writing-mode属性
　　语法：writing-mode:lr-tb或writing-mode:tb-rl
　　参数：
　　1、lr-tb：从左向右，从上往下
　　2、tb-rl：从上往下，从右向左
运行代码发现，IE显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。
　二、模拟文字竖排
　　代码：
ul{width:100px;height:80px;overflow:hidden;list-style:none;}
ul li{float:right;display:inline;margin-left:4px;width:14px;height:100px;font-size:14px;word-wrap:break-word;word-break:nomal;}
　　此方法让li右浮动，设置li宽度和字宽度一样都是14px，这样就自动换行了。另外，“word-wrap:break-word;word-break:nomal;”这句实现标点自动换行（连续字符自动换行）。

追问

能不能让文字也变一下方向，就是让文字躺下。。。跟我图片上一样的那种

追答

那你把字倒著寫就好了,比如這里是TRAVEL,那你就寫LEVART嘛

追问

试过了，还是不行也。。。。

Answer 3

用一个div固定宽度，高度，然后打字顺序这样。LEVSRT反过来打字就可以啦。

追问

那样字能躺着么。。。

Answer 4

（1）可以考虑使用背景图片
（2）向楼上说的减小按钮的width，不过得先改变按钮的display=block。

Answer 5

<div style="layout-flow: vertical-ideographic;height:399;float:right;">
other by the tunnel. lo out the end and of the ground holding behold, we came
For those of you who are interested in playing the game. Don't read any further than this post, STOP RIGHT HERE! Because somebody else got the anwser downstair.
Well. 5dboy you are good. which one is your final version? you were wrong first then right and then wrong at your final version. Just remeber, Light at the end of the tunnel. Look like you have all the fun, leave other no chance of playing .
<br></div>

追问

躺着的方向错了，能不能改过来、