text-align 设置文本对齐方式,属性值有 left, right, center, justify。
关于 justify 属性值,我之前一直不理解具体是什么意思。今天终于明白了,记录一下。
justify 表示两端对齐,如下示例。
上面👆🏻左边第一行最后一个字 “明” 后面还有一点空白,这点空白不足以放一个完整的汉字,导致左右两边留白不一致。
上面👆🏻右边设置了 justify 对齐方式,可以看到第一行最后一个字 “明” 后面没有空白,左右两边留白一致。
如果只有一行,那么第一行也是最后一行,此时设置 justify 是不生效的。
前面提到 justify 对最后一行不生效,如果有需求需要设置最后一行也要两端对齐,怎么办?
可以使用 text-align-last 属性,只设置最后一行的对齐方式。
↶ 返回首页 ↶