此问题在此处已有答案:
How to remove the space between inline/inline-block elements?(41个答案)
2天前关闭。
假设我有以下代码:
<html>
<body>
<style>
span {
background: red;
}
</style>
<span>A</span>
<span>B</span>
<span>C</span>
<span>D</span>
</body>
</html>
并产生以下结果:
我想要的结果是:
这显然可以通过以下代码实现:
<html>
<body>
<style>
span {
background: red;
}
</style>
<span>A</span><span>B</span><span>C</span><span>D</span>
</body>
</html>
型
有没有可能在不把span放在一行的情况下得到第二个结果?我这样问是因为在元素有多个属性和嵌套子元素的情况下,我发现第二种编码方式可读性较差。
1条答案
按热度按时间wvt8vs2t1#
如果需要,您可以将左
margin
设置为负,并稍微增加span
元素的横向填充。