0

我正在使用以下代码在我的网站上设置块引用样式：

blockquote {
border-left: 7px solid #b83131;
background: #ebebeb;
margin: 1.5em 25px;
padding: 1px 10px;
quotes:"\201C""\201D""\2018""\2019";
}

以 开头的行padding:控制块引用顶部和底部的填充。由于某种原因，它不能正常工作。而不是仅填充1px，它总是不止于此。就好像，无论我设置什么填充，它总是至少有几个像素高。

例如，使用上面代码中的填充设置，结果如下：

块引用

如您所见，顶部和底部的填充远不止1px. 这是为什么？我希望填充是 true 1px，但似乎无论我如何更改代码，它要么根本没有填充，要么远远超过1px.

这里有什么帮助吗？

4

3 回答 3

0

尝试调整块引用中文本的行高。可能是 1px 的顶部和底部填充足以让文本向下滚动到下一个完整的行，使其看起来像是过度填充。

于 2013-05-30T18:19:26.360 回答
0

如果您查看以下jsfiddle，您会发现仅使用您发布的代码，无法重现该问题。

我自己相信<p>你的blockquote. 只需将其边距设置为 0 即可将其删除。

p {
   margin: 0;
}
于 2013-05-30T18:25:05.837 回答
0

我有一个类似的问题：我试图最小化块引用上方的空间，所以我设置

BLOCKQUOTE  {margin-top: 0}

这似乎有时有效，但并非总是如此。

这是我发现的：当它不起作用时，引用上方的某处有一个未闭合的段落 <P> 标记。开头的 <BLOCKQUOTE> 标记有效地关闭了该段落，因此不需要的空格不是来自引号的上边距，而是来自其上方段落的下边距。这修复了它：

BLOCKQUOTE  {margin-top: 0}
P   {margin-bottom: 0}

当然，如果您不希望每个段落的下边距为零，您可以定义一个特殊的类。

于 2014-05-08T21:28:31.740 回答