一、使用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
字重什么是字体设计或者说字体的字重
海尔的商标是用什么字体写的?
怎样用WORD打印超大字体
在AI里,怎么让字体围绕着图片排版,知道的告诉下
在photoshop中,能设置出3D的字体吗
在Excel里怎样做空心字体
一般报告的字体要求是什么
在Word中字体要有阴影,阴影怎么变成其它颜色
网站设计素材和字体版权需要注意什么吗?
怎样用css使字体竖着
怎样把在PS的图片中加入的字体呈现出艺术效果
怎样将两种字体合并
怎样在WORD里打出可爱类型的字体
字体设计时需要注意什么
字体与图案设计方案
字体设计这四个字怎么写好看
字体设计主要从哪些方面
怎么调整ps界面字体的大小
字体设计的几种方法
怎么把CAD软件中打出来的字体颜色调深