前端实现文字竖向排版

writing-mode排版竖文

HTML&&css

<div class="bruce flex-ct-x"><div class="vertical-text"><h3>情</h3><p>我见犹怜，<br>爱不释手。<br>雅俗共赏，<br>君子好逑。</p></div></div>.vertical-text {writing-mode: vertical-rl;h3 {padding-left: 20px;font-weight: bold;font-size: 18px;color: $red;}p {line-height: 30px;color: $purple;}}

拓展：letter-spacing文本倒序排版