Question

  <div class="row">
  <div>      

    <h2>{{ _('Why this matters') }}</h2>

    <div class="markdown">{{ task.why_this_matters_html }}</div>
  </div>
  </div>

我想在“为什么这很重要”标题之前留空。我用了＆LT; br＆gt;。但是已经读过，这不是一个好的做法。任何帮助将不胜感激。

Answer 1

参考pianoman99的答案，我会使用实际的行高和em值。

h2 {
  margin-top: 1.2em;
}

根据MDN page for line-height

，它可以更好地扩展文本，空间几乎是一行

但当然您可能希望根据项目更改值。

Answer 2

＆＃13;

div.row h2{
margin-top: 10px;
}

＆＃13;

如果你的页面中有多个标题，你可以更加特殊并且像这样写它以使css代码只影响这个h2标题并不影响所有标题

＆＃13;

div#ro

＆＃13;

Answer 3

使用此CSS：

h2
{
margin-top:10px;
}

这就是你要找的东西吗？

这就是它的样子：

＆＃13;

 div.row h2{
    margin-top: 20px;
    }

＆＃13;

<div class="row">
  <div>      

<h2>{{ _('Why this matters') }}</h2>

<div class="markdown">{{ task.why_this_matters_html }}</div>
  </div>
  </div>

＆＃13;

在标题之前添加新行

3 个答案: