text-align:justify;不起作用是怎么回事?-成功SEO

text-align:justify;不起作用是怎么回事? 财富值23

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%; }

友情提示: 此问题已得到解决，问题已经关闭,关闭后问题禁止继续编辑，回答。

5条回答

2016-10-12 08:28

而你的span是inline-block，也可以设置宽度（100%），那么这个时候内联匿名盒的宽度超过行盒，浏览器会将其拆成两行，自然第一行文本的text-align效果就生效了。你的实现刚刚好是上面的第二个实现方法。