は、次のようにテキストを正当化するにはどうすればよいの幅

Question

を変更せずに、段落左両＆右サイドを揃え次のような

The Dog Ran Up The Street And The Cat Did As Well

表示されます。

The Dog Ran Up The Street And The Cat Did As Well

テキストラップをし、両方の側が整列している。理想的には、これを完成させるために幅のスタイリングを使わない方がいいでしょう。どちらかといえば、この問題をどう呼び出すべきかわからない！

Answer 1

あなたはtext-align: justify;を必要としています。
このプロパティを正しく機能させるには、:afterを追加する必要があります。

問題は、テキストの最後の行を揃える方法です。
プロパティtext-align-lastは、テキストの最後の行をどのように配置するかを指定します。しかし、それは悪いブラウザのサポートをしています。だから我々はハックを作ることができます。 :afterは、テキストの後に空白行を追加します。したがって、text-alignプロパティは、表示されている行に対して正しく機能します。そして、テキストの最後の行（この行は:afterによって作られています）を揃えてはいけません。

div { 
 
    width: 200px; 
 
} 
 

 
p { 
 
    text-align: justify; 
 
} 
 

 
p:after { 
 
    content: ""; 
 
    display: inline-block; 
 
    width: 100%; 
 
}

<div> 
 
    <p> 
 
    The Dog Ran Up The Street And The Cat Did As Well 
 
    </p> 
 
</div>

Answer 2

使用は

justify-content:space-between;