jiangchunyan
侠客
侠客
  • 最后登录2020-01-06
  • 发帖数9
  • 社区居民
  • 忠实会员
阅读:5045回复:0

[css]html中如何让文字竖排

楼主#
更多 发布于:2019-04-25 21:42
在写网页时,为了让页面好看,可能会考虑使用竖排文字,在使用时发现不简单.第一种:原始使用writing-mode属性     --不推荐;
        1. 语法:writing-mode:lr-tb或writing-mode:tb-rl;
        2.参数:
             lr-tb:从左向右,从上往下
             tb-rl:从上往下,从右向左
运行代码发现,IE显示正常,火狐、谷歌浏览器却不支持,所以不建议使用writing-mode属性
在使用less写代码时才意识到此问题;
于是,查询了第二种方法:设置比较小的宽度,直到一排只能容纳一个字,此时文字就会自动换行,实现垂直排版.
第三种:可以直接使用
标签,直接换行,垂直排列;

其他方法暂时没有收集到
如果是旋转文字排列的话,可以使用css3的transform属性,其中有一个rotate()方法。

transform:rotate(90deg);

图片:TIM图片20190425214103.png

最新喜欢:

huangtaoyahuangt... doubleyongdouble...
游客


返回顶部

公众号

公众号