自己动手创建一个公司网站,做家政网站公司,重庆建设工程交易中心官网,建个商城网站多少钱我们知道#xff0c;text-align: justify;对最后一行无效#xff0c;当有一个段落而最后一行只有两个字时#xff0c;text-align: justify;的效果是前面N行两端对齐#xff0c;最后一行居左#xff0c;这样有利于用户的视觉体验#xff0c;但是当我们只有一行文本#x…我们知道text-align: justify;对最后一行无效当有一个段落而最后一行只有两个字时text-align: justify;的效果是前面N行两端对齐最后一行居左这样有利于用户的视觉体验但是当我们只有一行文本该怎么实现单行文本两端对齐呢效果如下方法一利用伪类after新增一行使该行文本不是最后一行wxss:.ul .li label:after {display: inline-block;width: 100%;content: ;height: 0;}方法二利用新属性text-align-last: justify;实现最后一行的文本对齐小程序兼容wxss:.ul .li label{display: inline-block;width: 20%;text-align: justify;text-align-last: justify;}wxml:姓名text-align-last 属性规定如何对齐文本的最后一行。注意text-align-last 属性只有在 text-align 属性设置为 justify 时才起作用。浏览器支持
