关灯
开启左侧

html中如何让文字竖排

[复制链接]
doubleyong 发表于 2019-4-28 09:35:59 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
在写网页时,为了让页面好看,可能会考虑使用竖排文字,在使用时发现不简单.第一种:原始使用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);

ty.png
转自:http://bugshouji.com/mybug3/t800
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )