鑒于此HTML和CSS:span { display:inline-block; width:100px; background-color:palevioletred;}<p> <span> Foo </span> <span> Bar </span></p>結(jié)果,SPAN元件之間將存在4像素寬的空間。演示: http ://jsfiddle.net/dGHFV/我理解為什么會(huì)發(fā)生這種情況,而且我也知道我可以通過(guò)刪除HTML源代碼中SPAN元素之間的空白來(lái)擺脫那個(gè)空間,如下所示:<p>
<span> Foo </span><span> Bar </span></p>但是,我希望CSS解決方案不要求HTML源代碼被篡改。我知道如何用JavaScript解決這個(gè)問(wèn)題 - 通過(guò)從容器元素(段落)中刪除文本節(jié)點(diǎn),如下所示:// jQuery$('p').contents().filter(function() { return this.nodeType === 3; }).remove();演示: http ://jsfiddle.net/dGHFV/1/但是這個(gè)問(wèn)題可以單獨(dú)用CSS解決嗎?
如何刪除內(nèi)聯(lián)塊元素之間的空格?
明月笑刀無(wú)情
2019-05-20 16:45:37