文系のIT勉強メモ

勉強中のメモと、インフラの覚書き

CSSで文字列を均等割り付け

定義リストをCSSで横並びにしたとき、dt(項目名)の幅を均等にしたくなります。

均等かつ、2文字の項目名、3文字の項目名が並んでると、幅のなかで均等割り付けしたくなります。Photoshopで画像でつくるときはそういうの求められるよね。

文字列の均等割り付けのメモ。

text-align-last: justify;/*Chrome/FireFox用 文字列均等割り付け*/

text-justify: inter-ideograph;/*IE/Edge用 文字列均等割り付け*/

を並べてかく。

こちらの記事を参照しました。いつかこちらの記事が消えてしまったときのためにメモしておいた。

qiita.com