元素或 div 之间的随机间隙答案

【问题标题】：Random gap between elements or divs元素或 div 之间的随机间隙
【发布时间】：2011-12-01 04:31:54
【问题描述】：

这里的元素之间出现了一个奇怪的间隙。我宁愿让它们齐平。知道如何解决这个问题吗？

【问题讨论】：

【解决方案1】：

对内联元素的修正是：

vertical-align:top;

或

vertical-align:middle;

显示：块；

图片

【讨论】：

【解决方案2】：

那是因为您没有为标签h1,p 提供任何CSS。因此，浏览器正在添加默认边距底部和顶部。因此，将其添加到 css -

p, h1 { margin: 0 }

【讨论】：

【解决方案3】：

我不太确定，你指的是哪种 /gap/，但是一个简单的 CSS 规则，比如 margin:0;填充：0；可能会帮到你。

【讨论】：

【解决方案4】：

这是因为您还没有设置那些由浏览器决定的元素的样式。例如，Chrome 决定在 p 元素上输入边距。

p { ...
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
... }

使用css reset 文件，您将同时解决这个特定问题，但在您作为 Web 开发人员的未来可能会遇到许多类似的情况。

【讨论】：

【解决方案5】：

正如其他人所说，这是一个边距/填充问题。如果您刚刚开始并且还没有养成任何习惯，我的建议是始终包含一个reset.css 文件。这将摆脱所有浏览器默认设置，让您重新开始。

【讨论】：

【解决方案6】：

使用 CSS 重置文件是个好主意，就像你可以在 YUI 上找到的那样： http://developer.yahoo.com/yui/reset/

如果您最终使用了 YUI CSS 重置，请确保您在 HTML 标记上也设置了背景颜色，因为 YUI 的 CSS 重置会将其变为白色。

html {
   background:black;
}
body {
    margin: 0px;
    font-family: helvetica;
    background: black;
}

【讨论】：

【解决方案7】：

我发现了我的神秘空白。

不要这样做：

echo "<div>
blah blah blah
</div>"

改为：

echo "<div>"
          ."blah blah blah"
     ."</div>";

只需清理您的空格代码即可。

【讨论】：