一、使用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;}
ulli{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;”这句实现标点自动换行(连续字符自动换行)。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
抖音视频上如何添加字体
用ps如何做出圆形字体
怎么设计好看的字体
怎么让PS里的字体沿着圆圈内写字
在PPT模板里如何设定字体大小和间隔
怎么把CAD软件中打出来的字体颜色调深
字体设计的几种方法
怎样用css使字体竖着
广告设计为不引起版权纠纷,可以免费使用的字体有哪些?
在AI中欲对原有字体进行修改设计,要先将字体__
文字商标注册后,字体还可以随意改变吗?
有什么软件是免费设计字体的
怎么样用PS做出自己想要的字体
怎样进行平面字体设计
怎样安装coreldraw的字体
有什么个性好看的字体?做平面设计用的
艺术字体的设计原则
怎样在solidworks生成三维字体
字重什么是字体设计或者说字体的字重
字体中间加横线怎么做的