没有文本的内联块元素呈现不同
<div style="background-color:red">
<div style="display:inline-block;background-color:green;height:20px;width:20px;"></div>
</div>
<div style="background-color:yellow">
<div style="display:inline-block;background-color:green;height:20px;width:20px;">hi</div>
</div>
在FF或Chrome中渲染时，红色div的高度为26px，而黄色div的高度为20px。如何使红色的div呈现与黄色的div相同，但不包含任何文本呢？
问题答案：
只是一个想法：
只要div中没有文本，就将其视为行内图像（或其他内容），因此将vertical-align设置为“基准”（或文本底部或其他内容）而不是“底部”。
解决方案：
要更正此问题，请vertical-align: bottom;在您的内部div上进行设置。绝对不需要像其他提到的那样在其中放置空格或不可见元素（但这也将是（丑陋的）解决方案）
-
问题内容： 其他一些问题已经解决了如何最好地应用以使内联块元素均匀分布……例如，如何真正地证明 HTML + CSS中的水平菜单？ 但是，浏览器为“清除”行内块元素行的100％宽度元素提供了自己的行。我不知道如何在不使用父元素的情况下摆脱空的垂直空间。 我正在使用的解决方案要求对子元素应用新的解决方案，但是之前设置的所有内容都会丢失。有谁知道更好的解决方案？我想避免使用表，以便在必要时可以包装元素
-
问题内容： 举个例子 是在HTML5有效吗？ 问题答案： 是的，您编写的内容在HTML5中有效，但并非所有内联元素，我认为这只是适用于.. 参考：HTML5中的“块级”链接 提示：如果使用此设置，则to 或可能会有意外的视觉样式结果 更新： 对于“默认样式可能会导致混淆”的其他“内联代码块”组合，则“不允许”使用-说明在这里 ### 默认样式可能导致混淆的情况 某些元素具有默认样式或行为，这些默认
-
问题内容： 例如我们有这个文件 我只需要像这样的一些代码来获取文本： 问题答案： 希望这可以帮助， 码
-
问题内容： 鉴于此HTML和CSS： 结果，SPAN元素之间将有4像素宽的空间。 我知道为什么会发生这种情况，而且我也知道可以通过删除HTML源代码中SPAN元素之间的空白来摆脱该空间，如下所示： 但是，我希望找到一种不需要篡改HTML源代码的CSS解决方案。 我知道如何使用JavaScript解决此问题-通过从容器元素（该段）中删除文本节点，如下所示： 但是，仅靠CSS就能解决这个问题吗？ 问题
-
我正在浏览一个包含几个元素的网页，我想在不包含其子元素的情况下获取其中的文本。 页面结构如下： 当我使用时，得到的结果是： 我正在使用BeautifulSoup4和Python3
-
如果我在锚元素中放置div元素，它会使我的超文本标记语言无效。 不在内联元素中放置块级元素的原因是什么？