Question

在我的应用程序中，我使用的是div元素。在div元素的下方和上方有一些额外的空间。

如何删除？

由于

Answer 1

每个浏览器都有自己的默认值，用于各种元素的边距和填充。所以，除非你明确设置eg。

div {
margin:0;
padding:0;
}

在你的CSS样式表中，你的div下方和上方会有一些间距。

更令人讨厌的是，每个不同的浏览器都会在div上使用不同的填充和边距默认值，例如。 Firefox可能有10px的保证金，IE可能有8px的保证金。

我发现最好在我的样式表顶部将所有这些默认值重置为零。例如

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

事实上，为此，我使用了辉煌的Blueprint CSS，因为它包含了一个reset.css文件，可以解决这个问题！

Answer 2

通过一些CSS样式可能会对div应用一些余量。

Answer 3

假设您可以访问页面本身的html，请尝试标记上的margin或padding css样式。例如

<div style="padding-top:0px;">my div with no padding at top</div>

有关详细信息，请参阅http://www.w3schools.com/css/css_margin.asp和http://www.w3schools.com/css/css_padding.asp

P.S。如果你使用的是firefox firebug，这是检查/更改这些值并查看页面会发生什么情况的绝佳工具

Answer 4

听起来像是通过CSS给div元素赋予了边距或填充。浏览你的CSS文件，如下所示：

div {
    margin: [...];
    padding: [...];
}

只需删除边距/填充定义或根据需要调整值。

Answer 5

<div style="margin:0;padding:0;border:0;">My div has no padding</div>

如果您要定期执行此操作，请在CSS文件中为其创建一个类。

div元素中额外空间的解决方案

5 个答案: