文本竖向布局css样式

要实现文本竖向布局，可以使用CSS的writing-mode属性和text-orientation属性。

具体的CSS样式代码如下：

.vertical-text {
  writing-mode: vertical-rl; /* 从右到左的竖排文本 */
  text-orientation: upright; /* 竖排文本方向为正常方向 */
  white-space: nowrap; /* 文本不换行 */
}

其中，writing-mode属性设置为vertical-rl表示从右到左的竖排文本，text-orientation属性设置为upright表示竖排文本方向为正常方向，white-space属性设置为nowrap表示文本不换行。

然后在HTML中将需要竖排的文本包裹在一个元素中，并添加.vertical-text样式即可。

<div class="vertical-text">竖排文本</div>