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%;
}
来源:CSDN
作者:幻想山外小楼听雨
链接:https://blog.csdn.net/promiseCao/article/details/83302782