CSS中最常见的文字排版方式就是水平排列，但是在某些情况下，我们需要在网页中使用竖着排列的文字。比如在中文网页中，一些人名或者地名需要竖着排列，这时候CSS就可以派上用场了。

.vertical-text {writing-mode: vertical-rl;text-orientation: upright;white-space: nowrap;font-size: 24px; }

通过写入上面的CSS代码，可以实现将文字在垂直方向上排列。其中，writing-mode设置为vertical-rl表示將文字垂直排列，text-orientation设置为upright表示文字保持直立状态，white-space设置为nowrap表示不要折行，font-size设置为24px表示文字大小。

需要注意的是，这个属性不是所有浏览器都支持，为了获取更好的兼容性，可以使用以下代码：

.vertical-text{writing-mode: tb-rl;  /* IE */text-orientation: mixed; /* Firefox */writing-mode: vertical-lr; /* Safari */white-space: nowrap; }

这里，我们引入了多个写法，可以增强浏览器的兼容性。CSS中字体竖向排列虽然少用到，但在一些特定的场合中，使用这种排版方式还是非常实用的。