在前端开发中，CSS（层叠样式表）是必不可少的一部分。它可以控制网页的样式和布局。其中一项常见的需求是文字上下排列展示。那么，如何实现CSS字的上下排列呢？

.vertical-text {
writing-mode: vertical-rl; /*文字从右到左竖向排列*/
transform: rotate(180deg); /*因为文字竖向排列后为反转状态，故需反转 180 度*/
}

通过增加样式类 .vertical-text，将文字从右到左竖向排列，并且反转 180 度即可实现我们想要的效果。我们可以将此样式类应用到任何需要上下排列的文本中。下面是一个例子：

CSS字上下排列

CSS字上下排列

通过上述 CSS 样式，我们成功地实现了 CSS 字的上下排列。这种方法可以应用于任何需要显示竖向文字的场合，如标题、标签等等。