html - block 引用间距 - 删除前导/尾随空行

Question

我正在尝试使用 blockquote 标签设置目录。但是，我似乎无法正确设置间距。显然，一个新的 blockquote 标签在前后添加了一个空行。我需要摆脱那些线，但似乎无法弄清楚它是什么参数。这是我认为应该有效的 CSS:

.toc {
   text-align:left;
   margin-bottom:0 em;
   margin-top:0 em;
}

有人可以帮我用正确的风格来做到这一点吗？ TIA。

Answer 1

根据 W3Schools.com:

A whitespace cannot appear between the number and the unit. However, if the value is 0, the unit can be omitted.

因此，正确的代码应该是:

.toc {
   text-align:left;
   margin-bottom: 0em;
   margin-top: 0em;
}

或者简单地说:

.toc {
   text-align:left;
   margin-bottom: 0;
   margin-top: 0;
}

检查一下:

p, blockquote {
  margin: 0 auto;
}

<p>This is a paragraph</p>
<blockquote>This is a blockquote</blockquote>
<p>I removed margins on <code>&lt;p&gt;</code> elements as well so that their margins would not be mistaken for blockquote's margins.</p>