怎样用css使字体竖着

发布网友发布时间：2022-04-20 04:56

共2个回答

热心网友时间：2022-04-06 12:40

一、使用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;”这句实现标点自动换行（连续字符自动换行）。

热心网友时间：2022-04-06 13:58

css虽然有这样的属性，但是火狐却不支持，如果要实现这种效果都是控制窗口宽度，及设置文字自动换行来实现的

相关的方法可以百度一下，关键字：css 文字竖排

也可以参考附件中的代码

首页

文章

怎样用css使字体竖着