Question

我包括了normalize.css 我在标题元素上有margin：0 我在页面上的每个课上都有margin：0

https://www.christianlong.design/SuperSmashBrosDB/phptest6.php

我无法弄清楚如何在我的生命中更改h3元素的边距，并且其他堆栈溢出答案是不礼貌的，并且假定未进行任何尝试。请大家帮忙：）

Answer 1

我不确定这是否是您想要的，但是如果您不想让使用h3时即将出现的margin-block-start，请使用另一个标签（div）并提供一个具有以下属性的类：你想要的：

<div class="cardContainer">
<div class="cardHeader cardTitle">
    <div class="cardTitle classInsteadH3">The legend of Zelda</div>
    <div class="cardBody">
        <div class="card Section">
            <div class="classInsteadH3">Universe ID:4</div>
        </div>
    </div>
</div>

.classInsteadH3 {display: inline; padding: 0; margin: 0;}
.cardTitle {
 font-family: 'Fjalla One', sans-serif;
 font-size: 30px;
 color: white;
 padding: 8px;
 margin-bottom: 0px;
 margin-top: 0px;
}
.cardBody {
 padding-top: 19.920px 30px 0 30px;
 min-height: 150px;
}

Answer 2

例如，Chrome浏览器在用户代理中针对某些阻止设置了一些默认设置：

h3 {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

您可以使用以下方法重置：

margin-block-start:0; margin-block-end:0; margin-inline-start:0; margin-inline-end:0;
padding-block-start:0; padding-block-end:0; padding-inline-start:0; padding-inline-end:0;

Answer 3

碰到了同样的问题，对我帮助最大的是使用！important来覆盖它。就是这样：

h3 { 
  margin: 0px !important;
}

这可能不是最佳解决方案，但是here's a good article是关于该规则的使用。

我如何覆盖margin-block-start？

3 个答案: