时间戳

首页 > 解决方案 > 行之间的大空间，HTML

html - 行之间的大空间，HTML

问题描述

我的网页webcovid19.live中有这段代码

<style>
h1 {

  padding: 20px;
}

h2 {

  padding: 20px;
}

p {

  padding: 20px;

}
h4 {

  padding: 20px;
}

</style>
....
<body>
<p> Data Source : Center for Systems Science and Engineering (CSSE) at Johns Hopkins University (JHU)</p>
<p> Powered by Google Data Studio &amp; Google BigQuery</p>

我刚刚意识到行之间的大空格是由于我的样式标签，当我删除它时，空格没问题，知道吗？我想要这种风格的填充...

这是屏幕截图：

空间截图

标签： htmlcss

解决方案

将所有更改padding为padding-left. 它仍然会从左侧缩进，但不会影响上、下、右：

h1, h2, p, h4 {

  padding-left: 20px;
}

推荐阅读