一、使用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
在DW中如何改变CSS中的字体大小和颜色
在Word中字体要有阴影,阴影怎么变成其它颜色
有那些特别好看的设计字体
有什么软件可以设计字体
怎样用WORD打印超大字体
字体设计时需要注意什么
在photoshop中,能设置出3D的字体吗
怎样用css使字体竖着
字体设计的几种方法
在PPT模板里如何设定字体大小和间隔
字体设计主要从哪些方面
在AI里,怎么让字体围绕着图片排版,知道的告诉下
有什么软件可以设计字体
怎么把字体设置A4纸大小
有那些特别好看的设计字体
怎么设置字体的颜色
怎么让PS里的字体沿着圆圈内写字
做广告牌用什么字体
一般报告的字体要求是什么
宣传画册的内页文字一般用什么字体