在css中如何让字体竖着表现？

在css中如何让字体竖着表现 写回答 共3个回答

---

lp52761 LV.16 推荐于 2016-03-11

---

一、使用writing-mode属性

• 语法：writing-mode:lr-tb或writing-mode:tb-rl
参数：
• 1、lr-tb：从左向右，从上往下
• 2、tb-rl：从上往下，从右向左
• 运行代码发现，IE显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。

　二、模拟文字竖排

代码：
• ul{width:24px;height:100px;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;”这句实现标点自动换行（连续字符自动换行）。