こんにちは。
今回はCSSでテキストを両端揃え(均等割り付け)にする方法!です。
htmlでテキストを表示させた時に右側がガタガタになり見づらいですよね。
そこで、今回はCSSでテキストを両端揃え(均等割り付け)にする方法を紹介します。
CSSでテキストを両端揃え(均等割り付け)にする方法!
text-alignプロパティに「justify」を指定します。
1 2 3 | p { text-align: justify; } |
IEやEdgeだとうまく表示されないので、IEやEdge用にtext-justifyプロパティに「inter-ideograph」という値を指定しますよ。
1 2 3 4 | p { text-align: justify; text-justify: inter-ideograph; } |
いかがでしたか。簡単にできるので、うまく活用していきたいですね。
以上でCSSでテキストを両端揃え(均等割り付け)にする方法!でした。