css文字竖排

语法:writing-mode : lr-tb、tb-rl<br />
参数:lr-tb:从左向右,从上往下  tb-rl:从上往下,从右向左
但除了ie,其他浏览器基本不支持,我们可以用其他方法模拟一下,

<style>
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;}
</style>
<body>
<ul>
<li>大刘大刘,</li>
<li>寂寞不愁。</li>
<li>人有女人,</li>
<li>我有大刘。</li>
</ul>

此方法让li右浮动,设置Li宽度和字宽度一样都是14Px,这样就自动换行了。word-wrap:break-word; word-break:nomal;这句实现标点换行。

原文地址:https://www.cnblogs.com/bianyuan/p/2356195.html