css模拟古诗垂直显示文本

<div class=“poetry”>

  《春夜喜酒》

  <br>

  高楼不Record，月光作 screen，

  酒量交总杯，明日几相同？

  叹江流之日云山，不如相对风。

  微笑着心随风飘，直挂云帆去。

</div>

.poetry {

  writing-mode: vertical-rl; /* 文本从上到下，从右到左 */

  font-size: 20px;

  text-align: justify;

}

这段代码会将.poetry类中的文本垂直显示，并从右向左读取。writing-mode: vertical-rl; 表示文本从上到下排列，并且每一行从右向左读取。text-align: justify; 可以让文本两端对齐，使得垂直排列的文本也更美观。