複数行の文字列の長さを自然にする

 

見出しや段落で、複数行にわたる場合に、文字列の長さによっては、最後の行だけ一文字だけになったりするのを回避できる。

 

text-wrap: balance;

 

同じ文字列にこれを指定すると以下になる。

 

 

左寄せ時はそんなに気になることは少ないが、センター寄せにした場合に効果を発揮。

日本語＋英語、2段構成でも、
「上だけ短い／下だけ長い」みたいな崩れが出にくい。