我包括了normalize.css 我在标题元素上有margin:0 我在页面上的每个课上都有margin:0
https://www.christianlong.design/SuperSmashBrosDB/phptest6.php
我无法弄清楚如何在我的生命中更改h3元素的边距,并且其他堆栈溢出答案是不礼貌的,并且假定未进行任何尝试。请大家帮忙:)
答案 0 :(得分:0)
我不确定这是否是您想要的,但是如果您不想让使用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;
}
答案 1 :(得分:0)
例如,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;
答案 2 :(得分:0)
碰到了同样的问题,对我帮助最大的是使用!important来覆盖它。 就是这样:
h3 {
margin: 0px !important;
}
这可能不是最佳解决方案,但是here's a good article是关于该规则的使用。