css - 元素或 div 之间的随机间隙

Question

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

score 7 · Accepted Answer

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

p, h1 { margin: 0 }

score 2 · Accepted Answer

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

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

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

score 2 · Accepted Answer

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

score 1 · Accepted Answer

内联元素的修复是：

vertical-align:top;

或者

vertical-align:middle;

显示：块；

图像

score 1 · Accepted Answer

我发现了我神秘的白色空间。

不要这样做：

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

反而：

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

只需清理您的空格代码。

score 0 · Accepted Answer

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

score 0 · Accepted Answer

使用 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 回答 7