关于单行文本设置text-align:justify无效的解决方法

效果图如下：

：解决单行文本设置text-align:justify不生效的方法如下两种：
1、 添加 text-align-last: justify; 不会增加高度
2、添加伪元素,会导致高度增加，给父元素设置高度即可
xx::after{ width: 100%; content: ""; display: inline-block; }

使用伪元素说明：

    需要使用after，将伪元素放在需要两端对齐的元素后面，作为第二行；
    设定after的width为100%，生成第二行；
    设置为行内块元素，设置的width才有效。

常用场景如下图：