css文字竖排三种方法(js控制文字竖排的区别)

发布时间:2020-08-10编辑:脚本学堂
在网页中文字竖排的效果怎么实现,这里推荐用css样式表来控制文字竖排风格,不用js是因为有点大材小用,纯css实现文字竖排,兼容性好,代码简洁易用。

三种方法实现css文字竖排。

方法1:将需要竖排显示的字符放在span中,在css中设置span的display属性为block,不过不推荐使用这种方法。

css文字竖排方法1

方法二:css样式,在需要竖向显示的地方,强制定义显示区域的宽度,这样字符会自动竖向排列::

css文字竖排方法2

方法三:也是使用css,推荐这种方法,兼容性好,代码简洁,字符也容易控制。

css文字竖排方法3

方法四:使用js来控制文字竖排,不推荐。

css文字竖排方法4