text-align 属性相关的新特性

311 阅读1分钟

属性值

text-align 属性支持常用的属性值 left,right,center,justify,也支持逻辑属性 start,end,新增属性 match-parent,justify-all,不过这几个新增的属性值的兼容性都不太好,因此不适合在生产环境中使用,了解即可

match-parent 新属性值

match-parent 不是用来改变视觉上的对齐效果的,而是用来改变“看不见”的对齐计算值,它是有助于我们在JavaScript应用中知道元素对齐的视觉方位,有兴趣的盆友可以去了解一下

justify-all 新属性值

作用是实现两端对齐,它和justify属性值的区别在于 justify-all 属性值可以让最后一行也表现为两端对齐,可惜目前没有浏览器支持 justify-all 属性值,因此要实现最后一行两端对齐,可以使用目前兼容性最好的CSS属性 text-align-last:justify 属性

text-align 属性的字符对齐性

text-align 属性还新增了对字符属性值的支持,这个字符属性值必须是单个字符,否则会被忽略,同时只能作用在单元格中,让单元格基于这个指定的字符对齐,字符可以和关键字属性值一起使用,如果没有关键字属性值,字符会显示在右侧 td { text-align: "." center;}