在 CSS 中,text-align: justify;
可以实现文字两端对齐,但此属性对最后一行是无效的(因此对单行文本也是无效的),要使其对单行文本生效,需要新增一行,使其不再是最后一行。也可以借助一个空标签<span>
来实现,示例如下:
p {
width: 200px;
text-align: justify;
}
p span {
display: inline-block;
width: 100%;
}
在上述代码中,<p>
标签内的文字将实现两端对齐,<span>
标签为一个空标签,用来撑开<p>
标签的宽度,使其达到text-align: justify;
的使用条件。