问:
HTML 如下:
<p>
<span>hello</span>
<span>world</span>
</p>
CSS 代码:
span {
display:inline-block;
width:100px;
background:#36c;
color:#fff;
font-size:30px;
text-align:center;
}
在页面上他们之间会有一个空格的间隔,我知道只要移除他们之间的空格就显示正常了:
<p>
<span>hello</span><span>world</span>
</p>
但我想知道如何在不修改 HTML、不使用 JS 的情况下,有没有通过修改 CSS 来解决的方法?
答:
我个人更喜欢通过修改父元素的字体大小,将大小设置为font-size: 0
来解决:
p {
font-size: 0;
}