html - 如何删除中间的线？

This question already has answers here:

Why is there an unexplainable gap between these inline-block div elements?

                                    （6个答案）


                                4年前关闭。


如何删除两个div中间的行？

HTML：

<body>
    <div id='container'>
        <div id='lolol'></div>
        <div id='lol'></div>
    </div>
</body>

CSS：

#lolol {
    height: 200px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    background-color: green;
    }
#lol {
    height: 200px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    background-color: blue;
    }
#container {
    width: 500px;
    height: 500px;
}

最佳答案

这通常在使用内联块<div>时发生，大多数情况下，这是由于代码格式化以某种方式在块之间创建了空格字符。您只需尝试擦除两个块之间的HTML中的所有内容。

编辑的小提琴：https://jsfiddle.net/u3w0ewc5/

关于html - 如何删除中间的线？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34386702/