58.css-古诗词从右到左,从上到下

526 阅读1分钟

image.png

有一个需求需要将古诗从右到左,从上到下排列 我们可以用4个行内块的盒子并排,然后每个盒子定宽,竖着写,还可以使用一个css属性

  <div class="box">
    <p>天行健,</p>
    <p>君子以自强不息;</p>
    <p>地势坤,</p>
    <p>君子以厚德载物。</p>
  </div>
  
  .box {
      writing-mode: vertical-rl;
      font-size: 36px;
    }

image.png