ページ内目次

知ってるようで知らないスタイルシートで両端揃え

WordやWordPressの記事投稿では簡単にアイコンクリックでやってる両端揃えですが、いざ、CSSでとなると、意外とやったことがなかったりします(;´∀`)

知っていれば、簡単です。

text-align: justify;
text-justify: inter-ideograph;

一行目のtext-align: justifyは、まんま両端揃えの意味ですが、二行目はなんじゃら?

均等割付の形式を指定→日本語や中国語などの単語間隔と文字間隔の両方を調整して均等割付

という設定。

主なブラウザか、または、英語のみの場合には一行目だけでも大丈夫なようなのですが、日本語で全てのブラウザに対応するためには二行目も必要なようです。

↑上へまいりま〜す