要使用CSS來模擬古詩的垂直顯示效果,可以使用writing-mode
屬性。以下是一個簡單的例子:
<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; 可以讓文本兩端對齊,使得垂直排列的文本也更美觀。