html中如何让文字竖排显示

时间:2024-10-24 23:07:34

1、方法一:利用<br>换行标签使文字换行显示

2、代码如下图所示:(我这里仅仅截取了网页中的这部分的代码,像网页中的头部等其他信息没有截取哦~)

html中如何让文字竖排显示

3、效果是这样~

html中如何让文字竖排显示

4、方法二:改变宽度,使宽度仅仅适合一个文字,当文字多出时,会自动换行,从而形成竖排文字的效果。

5、代码如下所示:可以看到我的宽度改小了。

html中如何让文字竖排显示

6、如下所示是我们的效果。

html中如何让文字竖排显示

7、以上就是实现文字竖排的两种效果了,大家可以根据需要自行选择哦~

© 手抄报圈