HTML网页怎么设置竖排文字

 时间:2024-10-19 11:48:42

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

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打开浏览器预览效果

html轮播图怎么制作 html字间距怎么设置 html设置网页背景图片全屏 网页设计HTML中如何插入背景图片 如何在HTML中插入图片
热门搜索
吊架图片 动漫美少女 威震天图片 微信无法加载图片 碧玉图片