如何在两个div元素以inline-block显示时删除它们之间的空白

9 浏览
0 Comments

如何在两个div元素以inline-block显示时删除它们之间的空白

我想使用inline-block将两个div元素并排放置（就像float:left一样），但当我在浏览器中打开页面时，第二个div会移到下一行，但当我将中间div的宽度设置为79%或更少时，它会在一行显示，但似乎左侧和中间div之间有大约4px的间隙，然后我将两个div的margin设置为0px，结果还是一样。

如果有人知道这个问题，请告诉我如何解决。提前感谢。

注意：如果我使用float就没有问题，但我需要使用inline-block。

以下是代码。

css：

html：

        左侧其他元素放在这里
        中间其他元素放在这里

0

3 答案

0 Comments

问题的原因是两个div元素以inline-block的方式显示时，它们之间会出现空白。解决方法是可以在HTML中使用注释来删除空白。

具体的解决方法是在两个div元素之间添加注释，然后将注释中的空格删除。这样可以保持正确的缩进，并且删除了两个div元素之间的空白。

代码示例如下：


    left other elements goes here


    center other elements goes here

需要注意的是，可以安全地删除第一个注释，因为它不起任何作用。

0
0 Comments

如何在两个div元素以inline-block显示时删除它们之间的空白？

在使用inline-block显示元素时，会在元素之间留下空白。为了避免空白，可以将元素写在同一行上。

解决方法：

将以下代码：


    left other elements goes here




    center other elements goes here

修改为：


    left other elements goes here


    center other elements goes here

这样就可以删除两个div元素之间的空白了。

0
0 Comments

问题的原因是在两个div元素之间存在空格，导致它们以inline-block的方式显示时出现了空白间隙。

解决方法是将空格删除。可以通过修改代码如下来实现：

left other elements goes here
center ther elements goes here

这样，在两个div元素之间就不再有空格，它们将紧密地显示在一起，没有空白间隙了。

0