我想删除这两个元素之间的额外空间。我尝试过但做不到。
这是边距崩溃的问题吗?
如何解决这个问题?我怎样才能删除多余的空间?
这是我的 HTML 和 CSS:
body {
width: 250px;
height: 100px;
background: #F2F2F2;
}
#output {
font-family: roboto light;
color: #A4C639;
font-size: 30px;
}
#grade {
font-size: 25px;
color: black;
}
#max {
color: black;
}
#percentage {
background: #A4C639;
color: #FFFFFF;
padding: 15px;
border-radius: 15px;
}
<div id="output">
<i>
<span id="grade">Your grade :</span>
<span id="total">524</span>
<span id="max">/725</span>
<center><h1><span id="percentage">72.28%</span></h1></center>
</i>
</div>
HTML 元素之间的空白字符创建一个新的文本块,该文本块显示为元素之间的空格。
删除元素之间的所有空白以摆脱它:
<span id="total"></span><span id="max"></span>
或者,您可以使用注释块填充空格:
<span id="total"></span><!--
--><span id="max"></span>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)