Blockquote Spacing - 删除前导/尾随空行

时间:2016-07-01 14:19:32

标签: html css

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

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

有人可以用正确的风格帮助我吗? TIA。

1 个答案:

答案 0 :(得分:0)

根据W3Schools.com:

  

数字和单位之间不能出现空格。但是,如果该值为0,则可以省略该单位。

因此,正确的代码是:

.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>
&#13;
&#13;
&#13;