两端对齐样式不生效解决

原因

text-align:justify只对多行文本生效，一行文本是不生效的。

解决

思路

将一行文本变成多行--->伪元素加一行并隐藏。

代码

注意

span的宽高必须要给，不然还是不生效。