对齐段落两个左和右侧，而不改变宽度

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;