在标题之前添加新行

Question

  <div class="row">
  <div>      

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

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

我想在标题为"为什么这很重要"之前写一个空白行.我用过.但是已经读到这
不是一个好的做法.任何帮助,将不胜感激.

Answer 1

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

h2 {
  margin-top: 1.2em;
}

根据行高的MDN页面,这样它可以更好地扩展文本,并且空间几乎是一条线

但是,您当然可能希望根据项目更改值.