在写网页时,为了让页面好看,可能会考虑使用竖排文字,在使用时发现不简单.第一种:原始使用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 |
|