CSS文字两端对齐小记

89 阅读1分钟

在css中使用text-algin实现文字对齐方式,可选值包含:left、start、center、right、end、justify。

其中justify就是用来实现文字两端对齐。但是在实际使用时你会发现它只对多行文本段落排版有效,并且最后一行文字不会两端对齐。同样当你的文字只有一行时它也不会表现出两端对齐。

如果实现一行文字两端对齐或一段文字的最后一行也需要两端对齐,可配合使用text-align-last属性实现。

具体效果可看下面的代码演示