跳到主要内容

文字排版

排版模式

writing-mode 属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向。它有以下取值:

  • horizontal-tb 默认的排版方式,文本从左到右排版,文字从左上角开始;
  • vertical-lr 文本从上到下排版,文字从左上角开始;
  • vertical-rl 文本从上到小、文字从右上角开始。

例如:

<p>
静夜思 —— 李白<br /><br />
床前明月光,疑是地上霜。<br />
举头望明月,低头思故乡。
</p>

如果给 p 标签的 writing-mode 设置成 horizontal-tb 模式,则就是我通常的排版方式:

horizontal-tb

如果设置成 vertical-lr,效果如下图:

vertical-lr

vertical-rl 的效果如下:

vertical-rl