在 CSS 中设置字体为纵向(vertical),可以使文字竖直排列。实现这个效果的方法是使用 CSS 的 writing-mode 属性。
/* 设置竖直排列 */ .element { writing-mode: vertical-rl; /* 竖着排列;RL:从右到左 */ text-orientation: upright; /* 文字方向为正立 */ } /* 设置水平排列 */ .element { writing-mode: horizontal-tb; /* 横着排列;TB:从上到下 */ }
需要注意的是,字体竖直排列在很多中文网站中并不常见。在设计时,也需要考虑设计风格和用户习惯等因素。