CSSで両端揃えを実現する

text-align-lastプロパティを使用して、テキストの両端揃えをCSSで実現できます。

text-align-last プロパティは、テキスト行が複数の行に折り返したときの最終行のテキスト配置を指定します。デフォルト値 auto は、テキストのデフォルト配置に従った配置になります。

テキスト両端揃えを実現するには、text-align-lastをjustifyに設定します。そうすることで、最後の行のテキストが両端揃えされ、テキスト全体の両端揃えを実現できます。

たとえば、

.text-justify {
text-align: justify;
text-align-last: justify;
}

両端揃えを行いたいエレメントにそのクラス名を付与する

<p class="text-justify">这是一段需要两端对齐的文字。</p>

これにより、両端揃えのテキストになります。このプロパティは一部の古いブラウザではサポートされていないことに注意してください。