text-align:justify无效解决办法

版权声明：本文为博主原创文章，码字不易，转载请先经本人同意。 https://blog.csdn.net/promiseCao/article/details/83302782

text-align实现两端对齐文本效果，但是要特别注意text-align不会处理被打断的行和最后一行！
如果你的文字只占了一行，同事它也是最后一行了，所以text-align设置为justify不会产生任何效果。
解决方法是使用text-align-last，并将其设置为justify。
不过不幸的是，text-align-last不是所有浏览器支持。

所以对于不支持text-align-last的，可以在最后一行人工生成两行文本，然后把第二行隐藏了，那么我们要现实的第一行自然就可以实现两端对齐了。

例：

我是一行字

.center{
text-align:justify;
}

span{
display:inline-block;
width:100%;
}