Question

我正在html写一个测验，我想在问题之间插入一致的空白垂直空间（就像在LaTeX中使用vspace{3 cm}一样）。

例如：

<html>
  <body>
    <p>
     This is the first question?
      <!-- this is where I want about 3 cm of space -->
    </p>
    <p> 
     This is the second question?
     <!-- this is where I want about 3 cm of space -->
    </p>
  </body>
</html>

是否有直接的方法只使用html和css来执行此操作？

Answer 1

在css上阅读一些内容，这很有趣：http://www.w3.org/Style/Examples/007/units.en.html

<style>
  .bottom-three {
     margin-bottom: 3cm;
  }
</style>


<p class="bottom-three">
   This is the first question?
</p>
<p class="bottom-three">
   This is the second question?
</p>

Answer 2

像这样写

p {
    padding-bottom: 3cm;
}

或

p {
    margin-bottom: 3cm;
}

Answer 3

虽然上述答案可能最适合这种情况，但如果您只想进行一次性操作并且不想费心修改其他文件，则可以嵌入CSS。

<p style="margin-bottom:3cm;">This is the first question?</p>

Answer 4

我总是将这个便宜的词用于垂直空格。

using L1 = list<3, -1, -2, -3>;
using L2 = list <2, 10, 20>;
using L = typename list_add<L1, L2>::type;

如何在html文档中插入垂直空格？

4 个答案: