设置文本对齐方式- text-align,text-align-last

取值说明

注意事项

单行文本的两端对齐

由于所有主流浏览器都支持text-align的justify,但是大部分的浏览器不支持text-align-last属性,所以针对不同的浏览器需要采取不同的措施。

1.当支持text-align-last的时候,使用text-align-last将文本对齐,参看示例二。

2.当浏览器不支持text-align-last时,可以使用可以对非IE及IE7以上浏览器使用伪对象生成额外的内容(IE7及以下的使用)text-align-last,置于第二行并将其隐藏,这时第一行文本(即要对齐的那个单行文本)可使用text-align:justify来对齐。参看示例三。

示例一

正常情况下的start

正常情况下的left

特殊文本方向情况下的start

特殊文本方向情况下的left

示例二

我是 待对齐 文本

示例三

我也是 待对齐 文本

应用场景:form表单的label文本两端对齐