CSSで文字の両端を揃えるにはどうすればいいですか？文字の両端を揃える方法

この記事の内容は、CSSで文字の両端揃えを実現する方法を紹介するというものです。テキストの両端を揃える方法。困っている友人は参考にしていただければ幸いです。

最近のプロジェクトでは、次のような要件がありました: (テキストの量に関係なく、タイトル部分を両端で揃える必要がある)

以下に示すように:

当時、私は代わりに ' ' を使用することについてあまり考えていませんでした。結局のところ、製品の学生は効果をすぐに確認したかったので、あえて使用しませんでした。無視すること！しかし、2ページ目に到達して愕然としました。

図に示すように:

' ' ではもう満足できないのは明らかなので、   に移動します。

いくつかのスペースの違いについて簡単に説明します:

  /*半角的不断行的空白格*/
  /*半角的空格*/
  /*全角的空格*/

text-align:justify は、テキストが 2 行を超える必要があり、最後の行が両端で揃えられない場合に限り、単独で使用できます。

 <p>职务：<span></span></p>

p{
  width:200px;
  text-align: justify;
}
p span{
  display:inline-block;
  width:100%;
}

#CANIUSE（https://caniuse.com/#search=text-align-last）

以上がCSSで文字の両端を揃えるにはどうすればいいですか？文字の両端を揃える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。