减少标题之间的间距

时间:2013-12-03 04:59:43

标签: css

有没有办法减少两个H1之间的空间,即

节日快乐!!!

From Me

通常我假设2 h1之间有一个默认的空间。

但有没有办法减少空间?

谢谢!

4 个答案:

答案 0 :(得分:1)

如果您只想减少这些特定行之间的空间而不影响其他标题,则可以为<h1>标记添加内嵌样式,如下所示:

<h1 style="margin:0;">

如果您想要一个小空间,请替换0(例如:5px,10px)。

答案 1 :(得分:0)

<h1>代码具有默认边距。

写:

h1{margin:0;}

DEMO.

答案 2 :(得分:0)

你需要

h1{
  margin:0;
  line-height:1;
}

proof

ps :只需使用按钮,并且不要让它混淆line-height在其css中有数值但px后缀可用于动画jQuery

答案 3 :(得分:0)

请注意,正确的解决方案不是使用两个H1,而是使用换行符。

尝试使用默认样式查看此内容,您将看到:

<H1>Happy Holidays!!<BR>
From Me</H1>

<H1>And All The Best in The New Year</H1>

标题周围有边缘是有原因的;你通常想保留它们。 在一个H1后跟另一个H1的情况下,您可以做的是制定CSS规则,使其仅适用于该情况。使用H1 + H1选择器可以使第二个H1更小margin-top