CSS怎么让文字竖着排列

html-css09

CSS怎么让文字竖着排列,第1张

CSS让文字竖着排列,我们可以使用CSS，在需要竖向显示的地方，强制定义显示区域的宽度，这样字符会自动竖向排列：请看具体代码：

推荐使用这种方法，觉得这个方法兼容性也好，而且代码简洁，字符也容易控制。

您好！很高兴为您答疑！

兼容火狐和IE的方案：

.rotate {

/* Safari */

-webkit-transform: rotate(-90deg)

/* Firefox */

-moz-transform: rotate(-90deg)

/* IE */

-ms-transform: rotate(-90deg)

/* Opera */

-o-transform: rotate(-90deg)

/* Internet Explorer */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)

}

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

1、首先打开hbuilder软件，新建一个html文件，里面写入一个div并设置class属性，在上方耳朵style标签中设置body标签的背景色，方便后面观察效果。

2、然后设置class的样式，这里给div一个比较小的宽度并设置行高和边框，然后设置word-warp属性，该属性表示允许长单词换行到下一行，再设置一下letter-spacing调整每个字之间的距离就可以了。

3、最后打开浏览器就可以看到竖排的文字了。