此示例中的前三个 div（绿色、黄色和红色）在inline它们之间有一个空格。但是，查看firebug'Style检查和切换Show User Agent Css并没有显示任何呈现这些空白的 css。为什么？
萤火虫版本：1.10.6
火狐版本：16.0.2
问问题
89 次
2 回答
2
因为空格来自 HTML，而不是 CSS，在结束标签和开始标签之间以换行符的形式出现。
您的前三个元素内联显示的事实是允许它们之间的空白在您的 HTML 中与它们一起内联流动，就好像块本身是文本的一部分一样。浏览器所做的是在渲染 HTML 时将换行符转换为常规空格字符，因此您可以在一行中看到它们。
于 2013-01-03T10:57:10.460 回答
0
因为没有父元素。内联元素需要一个父块元素才能留在其中。
有类似的 CSS 属性，text-space-collapse: discard;但它们不适用于您的问题。要查看您的空白，我建议使用 Internet Explorer 开发工具。它们很棒，因为它们向您展示了这些布局破坏者。
于 2013-01-03T11:05:20.030 回答