Question

我有一个问题，我在这个文本周围有空间我无法摆脱。我不能将全局填充：0或margin：0应用于所有div。我的div是页面的一部分我想删除我的div周围的额外空间我不能应用填充：0或边距：0到身体也。

<html>
<body>
<div class="topcont" id="topcont" style="display: block;padding:0px;margin:0px">
<div  id="dragcont" style="display: block;padding:0px;margin:0px">
    <div style="padding:0px;margin:0px; text-align: center; font-size: 18px; font-weight: bold; font-family: Helvetica Neue;">
        Drop up to 5 photos here
    </div>
    <div style="padding:0px;margin:0px; font-size: 18px; font-family: Helvetica Neue; border: 0px none; height: 18px; text-align: center;">
        Or
    </div>
</div>
<div style="padding:0px;margin:0px;color:#333; text-align:center; font-size:14px;font-family:Helvetica Neue">
   to add them as attachments
</div>
</div>
</body>
</html>

我不知道为什么我会在给定文本之上获得空间。

Answer 1

您可以使用以下任何元素轻松地将边距设置为0.

#myDiv{
margin:0px;
}

请注意0px;而非0;

为了呈现/优化目的，包括测量单位（例如px，em等）

是好的

Answer 2

您需要为边框元素的边距设置为0，具体取决于可能仅针对相关方向的布局的其余部分。

Answer 3

http://jsfiddle.net/sCj6y/1/在这里，但你不应该在HTML文件中设置元素样式。

div周围的额外空间

3 个答案: