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

Posted 2023-04-17

一、使用writing-mode属性
　　语法：writing-mode:lr-tb或writing-mode:tb-rl
　　参数：
　　1、lr-tb：从左向右，从上往下
　　2、tb-rl：从上往下，从右向左
运行代码发现，IE显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。
　二、模拟文字竖排
　　代码：
ulwidth:100px;height:80px;overflow:hidden;list-style:none;
ul lifloat: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;”这句实现标点自动换行（连续字符自动换行）。 参考技术A p writing-mode: tb-rl;

不是所有浏览器都支持这个属性。
字体竖着可以把盒子宽度缩小至一个字宽，或者做成图片。 参考技术B 是CASS吧?若是是不是可以旋转哦？

如何让textVIew上面的字竖着写

原来的是 这样的Textviw现在让他这样 T e x t v i e w

参考技术A 第一种，设置textview的宽度只够显示一个字母第二种，换行符