一、使用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如何做出圆形字体
抖音视频上如何添加字体
在PPT模板里如何设定字体大小和间隔
怎么把CAD软件中打出来的字体颜色调深
怎么设计好看的字体
怎么让PS里的字体沿着圆圈内写字
怎样用css使字体竖着
字体设计的几种方法
字体设计时需要注意什么
怎样把在PS的图片中加入的字体呈现出艺术效果
怎样用WORD打印超大字体
字体设计是个怎么样的行业
在AI里,怎么让字体围绕着图片排版,知道的告诉下
怎么利用PS制作图片字体效果
字体应该怎么设计
怎么调整ps界面字体的大小
怎样制作发光字体
如何构思创意字体设计?
广告设计为不引起版权纠纷,可以免费使用的字体有哪些?
在AI中欲对原有字体进行修改设计,要先将字体__