【CSS】writing-mode实现古诗词排版

writing-mode 实现古诗词排版

1、writing-mode属性参考

MDN 文档writing-mode

2、快速上手

该属性主要有三个可选值：horizontal-tb(默认), vertical-lr, vertical-rl。

3、实现古诗词排版

使用vertical-rl的排版特性，即可简单实现古诗词的排版样式。直接上代码。

• html:

<div class="poet">
  <h1