养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML网页怎么设置竖排文字

时间:2024-10-19 09:43:16

在网页开过的时候,经常会遇到这么一个需求:将文字竖排,那么该怎么设置呢?下面小编就訇咀喃谆将操作方法演示给大家,供大家参考!

HTML网页怎么设置竖排文字

工具/原料

浏览器:谷歌浏览器

网页开发工具:HBuilderX

方法/步骤

1、打开网页开工具,新建一个HTML文件

HTML网页怎么设置竖排文字

2、实现方法一:使用<br>换行标签代码:如图所示

HTML网页怎么设置竖排文字

3、实现方法二:设置文字外框DIV的宽度,让文本自动换行!代码:如图所示

HTML网页怎么设置竖排文字

4、实现方法三:设置CSS属性样式writing-mode:tb-rl来实现代码:如图所示

HTML网页怎么设置竖排文字

5、打开浏览器预览竖排文字效果

HTML网页怎么设置竖排文字

方法总结:

1、锪者谧桁新建一个HTML文件方法一:使用<br>换行标签方法二:设置文字外框DIV的宽度,让文本自动换行方法三:设置C胨检馁秣SS属性样式writing-mode:tb-rl打开浏览器预览效果

© 一点知识