前端实现文字竖向排版

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文本倒序排版