2016-10-12 07:56发布
为什么单独设置text-align:justify;不起作用,非要在后面加一个内联块状元素宽度为100%的才可以?
<p class="center">我是两端对齐文字端对齐文字<span></span></p>
.center{ text-align:justify; } span{ display:inline-block; width:100%; }
这个是因为text-align不会处理被打断的行和最后一行。因为你这里的文字只占了一行,所以也是最后一行了,所以text-align设置为justify不会产生任何效果。解决方法是使用text-align-last,并将其设置为justify。不过不幸的是,text-align-last不是所有浏览器支持。
最多设置5个标签!
这个是因为text-align不会处理被打断的行和最后一行。因为你这里的文字只占了一行,所以也是最后一行了,所以text-align设置为justify不会产生任何效果。
解决方法是使用text-align-last,并将其设置为justify。
不过不幸的是,text-align-last不是所有浏览器支持。
一周热门 更多>