對齊段落兩個左和右側，而不改變寬度

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;