css实现文字两端对齐

在 CSS 中，text-align: justify;可以实现文字两端对齐，但此属性对最后一行是无效的（因此对单行文本也是无效的），要使其对单行文本生效，需要新增一行，使其不再是最后一行。也可以借助一个空标签<span>来实现，示例如下：

p {
    width: 200px;
    text-align: justify;
}

p span {
    display: inline-block;
    width: 100%;
}

在上述代码中，<p>标签内的文字将实现两端对齐，<span>标签为一个空标签，用来撑开<p>标签的宽度，使其达到text-align: justify;的使用条件。

鹏仔前端 https://www.pjxi.com/