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

发布时间:2020-01-24 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了如何在html文档中插入垂直空格?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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?

解决方法

读取一些关于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>

总结

以上是脚本之家为你收集整理的如何在html文档中插入垂直空格?全部内容,希望文章能够帮你解决如何在html文档中插入垂直空格?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: