本文介绍了两种解决HTML行内元素换行导致的空格问题的方法：一是通过将尖括号>放置在下一行的开头；二是通过在父元素设置font-size为0px，然后在子元素中恢复字体大小。这两种方法都能有效地消除不必要的空格。
行内元素的换行会出现空格：
方法一：
上面一行的尖括号>放在下面一行的头部
<div class="div1">
<span class="span1">ds</span
><span class="span1">cs</span
><span class="span1">jd</span>
</div>
方法二：
父元素设置font-size: 0px;子元素设置font-size: 20px;
<style>
.div1 {
font-size: 0px;
}
.span1 {
font-size: 20px;
}
</style>
<body>
<div class="div1">
<span class="span1">ds</span>
<span class="span1">cs</span>
<span class="span1">jd</span>
</div>
</body>
扫一扫
1016
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
