テキストを両端揃えで表示するCSS
長いテキストで何段かに渡る場合に折り返すところが行によってばらばらになってしまい、気持ち悪い事があります。両端で揃えるためのCSS指定のメモです。
両端揃えにしたい要素に下記のスタイルの指定をします。
text-align: justify; text-justify: inter-ideograph;
すべてのブラウザで実現できるわけではありませんが、Internet ExplorerとFirefoxで両端がきれいにそろいます。残念ながらSafari、Google Chromeでは両端揃えにはなりませんでした。
text-align: justify;
text-justify: inter-ideograph;
で両端揃えできましたが、letter-spacingが無視されるようで、一定値になってしまいます。(IEで)
どうしたらよいでしょうか。
返信が遅くなり申し訳ありません。
最近はこういうプロパティもあるようなので、 https://ics.media/entry/14087 ご参考にされてみてはいかがでしょうか