css - 我的 CSS 填充是否显示不正确？还是我的语法错误？

Question

我正在为h1和p在css中设置填充值，如下所示：

h1 {
    padding-left: 30px;
    padding-right: 30px;
}
p {
    padding-left: 33px;
    padding-right: 135px;
    padding-bottom: 30px;
}

但是在使用它们的表格中似乎有某种形式的预格式化填充，因为当表格的 css 中没有缩进时，顶部显示缩进填充了大约 30px。我究竟做错了什么？这是一张图片来解释我的意思：

1] [示例

我的代码中没有“标题”上方的填充。

谢谢，奥利弗

score 3 · Accepted Answer

3

可能需要重置h1元素的默认边距

h1 {
    margin:0;
    padding: 0 30px;
}

于 2013-02-07T16:53:56.430 回答

score 1 · Accepted Answer

在 HTML 中，h1标签具有默认边距，请参阅http://www.w3.org/TR/CSS21/sample.html

您可能最好使用以下方法从 h1 中取出默认边距：

h1{
margin:0;
}

score 0 · Accepted Answer

0

您可以使用此重置样式表来避免此类问题

于 2013-02-07T16:59:30.010 回答

score 0 · Accepted Answer

如果您使用的是 atable那么您需要为td顶部设置垂直对齐方式，而不是默认设置middle

td {
    vertical-align:top;
}

4 回答 4