在网页制作中，我们经常会碰到一些纵向排列文字的情况，比如垂直菜单、竖着排列的数字等，这时候我们可以利用CSS实现文字纵向显示。

.vertical-text {
writing-mode: vertical-rl; /* 纵向排列，从右到左 */
text-orientation: upright; /* 文字方向直立 */
white-space: nowrap; /* 文字不换行 */
}

其中，writing-mode属性用于设置文字排列方式，vertical-rl表示纵向排列，从右到左，如需要从左到右排列可以使用vertical-lr；text-orientation属性用于设置文字方向，upright表示文字直立；white-space属性用于设置文字不换行。

除此之外，我们还可以使用transform属性在不改变文字内容的情况下改变其方向，代码如下：

.vertical-text {
transform: rotate(-90deg) translateY(-100%); /* 旋转-90度，向上移动100% */
transform-origin: right top; /* 旋转原点，即指向右上角 */
white-space: nowrap; /* 文字不换行 */
}

通过使用CSS实现文字纵向显示，我们可以更好地满足网页排版的需求，提高网页的可读性和美观度。