javascript - 删除不必要的空白

Question

我有这个片段类，它用红色标记了一个区域。我的系统分为两类：类别和规则。当规则碎片化时，它们会很好地接收新的 css 类并且看起来正确，但与类别不同，它们在类别顶部有不必要的空白。

这是我的意思的屏幕截图：

不必要的空格

这是一个现场演示，您可以查看源代码以获取更多信息，因为我不是该样式的原始作者，因此无法提供正确的代码：

谢谢你。

score 1 · Accepted Answer

您有一条规则指定h3 { margin-top: 20px; }. 这就是造成空间的原因。

你可以用覆盖它#main h3 { margin-top: 0; }。

score 1 · Accepted Answer

1

你需要设置

#main ul h3, #main ol h3 { margin-top: 0;}

于 2012-10-17T17:39:58.827 回答

score 0 · Accepted Answer

您只需要删除“填充”CSS 元素。

您可以按如下方式静态执行此操作：

$("#rule1").css("padding-top", "0px");

看看它现在的样子：

score 0 · Accepted Answer

这是由 .fragment (style.php:4007) 中的填充引起的

.fragment {
    padding: 5px 5px 0 5px;
    background-color: #ECD5D8;
    color: #BC2A4D;
    font-weight: bold;
}

您需要更改或覆盖它。

score 0 · Accepted Answer

该问题是由于浏览器设置的默认填充，可以通过以下规则解决

#rules li{ padding:0px;}

5 回答 5