在网页开过的时候,经常会遇到这么一个需求:将文字竖排,那么该怎么设置呢?下面小编就訇咀喃谆将操作方法演示给大家,供大家参考!
工具/原料
浏览器:谷歌浏览器
网页开发工具:HBuilderX
方法/步骤
1、打开网页开工具,新建一个HTML文件
2、实现方法一:使用<br>换行标签代码:如图所示
3、实现方法二:设置文字外框DIV的宽度,让文本自动换行!代码:如图所示
4、实现方法三:设置CSS属性样式writing-mode:tb-rl来实现代码:如图所示
5、打开浏览器预览竖排文字效果
方法总结:
1、锪者谧桁新建一个HTML文件方法一:使用<br>换行标签方法二:设置文字外框DIV的宽度,让文本自动换行方法三:设置C胨检馁秣SS属性样式writing-mode:tb-rl打开浏览器预览效果