Posted on | by liu
如果你想将文字打竖,可以使用 CSS 里的 writing-mode 属性。这个属性可以设置文字书写方向,包括 horizontal-tb(水平书写)、vertical-rl(竖直书写从右到左)和 vertical-lr(竖直书写从左到右)。
如果你想要将整个页面的文字都打竖,可以在 body 元素上设置 writing-mode: vertical-rl。这样,所有的文字都会从右至左地竖直排列。代码如下:
body {
writing-mode: vertical-rl;
}
如果你只想让某个元素内的文字打竖,也可以在该元素上设置 writing-mode 属性。例如,你可以让 div 元素内的文字打竖,代码如下:
div {
writing-mode: vertical-rl;
}
此外,你还可以通过设置 text-orientation 属性来控制文字的方向。这个属性可以接受一个角度值,用来表示文字顺时针旋转的角度。例如,text-orientation: upright 表示文字不旋转,text-orientation: sideways 表示文字向右旋转 90 度,text-orientation: upside-down 表示文字颠倒。
总之,如果你想让文字打竖,CSS 的 writing-mode 和 text-orientation 属性就可以帮你实现。