CSSでテキストを両端揃え(均等割り付け)にする方法!

2016/09/21

こんにちは。
今回はCSSでテキストを両端揃え(均等割り付け)にする方法!です。

htmlでテキストを表示させた時に右側がガタガタになり見づらいですよね。
そこで、今回はCSSでテキストを両端揃え(均等割り付け)にする方法を紹介します。

CSSでテキストを両端揃え(均等割り付け)にする方法!

text-alignプロパティに「justify」を指定します。

 

IEやEdgeだとうまく表示されないので、IEやEdge用にtext-justifyプロパティに「inter-ideograph」という値を指定しますよ。

 

CSSシークレット ―47のテクニックでCSSを自在に操る
CSSシークレット ―47のテクニックでCSSを自在に操る

 

いかがでしたか。簡単にできるので、うまく活用していきたいですね。
以上でCSSでテキストを両端揃え(均等割り付け)にする方法!でした。

topへ戻る