在日常設(shè)計(jì)工作中，我們經(jīng)常會(huì)遇到需要將文字豎排的情形。比如，一些日文或者中文書法圖片，往往需要將文字豎排展示。那么該如何用CSS實(shí)現(xiàn)呢？

.vertical-text {
writing-mode: vertical-rl;
text-orientation: mixed;
}

以上就是我們需要的CSS樣式了。具體來說，"writing-mode"屬性可以控制元素的書寫方向，包括"horizontal-tb"（從左到右的水平書寫方式），"vertical-rl"（從上到下的豎排書寫方式）和"sideways-rl"（從下到上的豎排書寫方式）。我們需要選取"vertical-rl"來實(shí)現(xiàn)文字的豎排。

另外，為了讓文字更好地展現(xiàn)，我們需要使用"text-orientation"屬性來控制文字的朝向。"mixed"值可以讓文字按照正常的方式排列，使得部分文字保持橫向排列，部分文字豎直排列。

最后，將.vertical-text樣式應(yīng)用于相應(yīng)的元素即可實(shí)現(xiàn)文字的豎排。

<div class="vertical-text">
<p>你好世界！</p>
</div>