css怎样设置文本格式两端对齐

场景：经常做一些app的时候发现文字两端不对齐，长时间不用容易忘记，记录一下

在css中，使用text-align属性设置为justify，同时设置标签的宽度为100%。

<p class="artcle">
    大家好，我系渣渣灰！大家好，我系渣渣灰！大家好，我系渣渣灰！大家好，我系渣渣灰！大家好，我系渣渣灰！大家好，我系渣渣灰！大家好，我系渣渣灰！大家好，我系渣渣灰！大家好，我系渣渣灰！
p>

.artcle {
    width: 100%;
    text-align:justify;
}

解决前效果：

解决后效果：