css文字竖版换横版 |safari css a 属性

/* 控制文字竖排方向 */
writing-mode: vertical-rl;
/* 控制文字的排列方式，从上到下或从下到上 */
text-orientation: upright;
/* 控制文字竖排时的间距 */
text-combine-upright: all;

writing-mode属性指定了文字排列的方向。vertical-rl表示竖排，并从右向左排列，即从上往下看，文字是竖着排列的。

text-orientation属性指定了文字在竖排时的朝向，即竖直的方向。upright表示文字竖直放置。

text-combine-upright属性表示在竖排中合并相邻的字符，使其更紧凑。all表示所有字母都会合并，实现紧凑的排列。

下面是一个例子，展示如何将文字竖排：

.vertical-text {
writing-mode: vertical-rl;
text-orientation: upright;
text-combine-upright: all;
font-size: 24px;
}

使用以上CSS样式，可以将文字竖排，并让文字紧凑排列。在需要竖排显示的场景下，可以使用这种方式实现特殊的效果，提高网页的视觉效果。