CSS让文字竖着排列,我们可以使用CSS，在需要竖向显示的地方，强制定义显示区域的宽度，这样字符会自动竖向排列：请看具体代码：
推荐使用这种方法，觉得这个方法兼容性也好，而且代码简洁，字符也容易控制。
将这段文字的writing-mode(对象的。书写方向)设置为lr-tb(从左到右，从上到下)。注意这个属性的参数是分为两个部分的，一部分是水平方向的阅读顺序，另一部分是垂直方向的阅读顺序。
writing-mode和text-align是网页文字排版的两个中重要的属性。writing-mode如上是设置文字的书写方向。text-align是设置文字的对齐方向，其主要参数有left：左对齐，right：右对齐，center：居中，justify：两端对齐。
1、首先打开hbuilder软件，新建一个html文件，里面写入一个div并设置class属性，在上方耳朵style标签中设置body标签的背景色，方便后面观察效果。
2、然后设置class的样式，这里给div一个比较小的宽度并设置行高和边框，然后设置word-warp属性，该属性表示允许长单词换行到下一行，再设置一下letter-spacing调整每个字之间的距离就可以了。
3、最后打开浏览器就可以看到竖排的文字了。
