HOME > CSS > スタイルシートの小技

スタイルシートの小技

ちょっと知っていると便利なcssの小技をメモしておきます。

<br>を使わずに改行する方法

「::before」「::after」でのみ効かせられる。「white-space: pre」は、記載通りの体裁にする値。デザイン上、どうしても改行したい場合に使える。

::after {
	content: "\A" ;
	white-space: pre ;
}

<sup><sub>を使わずに上付き文字、下付き文字にする方法

の本来の目的とは違って上付き・下付き文字が必要な場合も多い。

.uetsuki { vertical-align: super; }
.shitatuki { vertical-align: sub; }
参考サイト