css属性让字竖着显示 |css 实现页面上下滚动

在 CSS 中，大家可以使用 writing-mode 属性来使文本竖向排列。writing-mode 属性可以有四个值可选，分别是：horizontal-tb、vertical-rl、vertical-lr 和 sideways。 其中，vertical-rl 意味着竖直方向从右往左排列，而 vertical-lr 意味着竖直方向从左往右排列。sideways 则是将文本在45度角排列，类似于斜体字。 例如，将文字竖向排列，并从右向左排列可以使用如下 CSS 代码：

p {
writing-mode: vertical-rl;
text-orientation: upright;
}

在上述代码中，text-orientation 属性用于设置文字方向为正立，防止文字倾斜。当然，如果你需要文字倾斜，可以将其设置为 sideways。 上面的代码将应用于所有的 p 标签，但如果你只想应用于某个部分的文字，可以设置一个特定的类名或 ID，并用其来引用。 在样式应用后，你会发现文字在竖向排列时出现了重叠和间距问题。这时可以使用 line-height 属性来解决。 例如：

p {
writing-mode: vertical-rl;
text-orientation: upright;
line-height: 1.5em;
}

在上述代码中，line-height 的值可以根据需要进行微调，以避免文字重叠和间距过大的问题。 总之，使用 writing-mode 属性可以方便地使文字竖向排列，使得设计风格更为多样化。