行内元素默认间距的4种解决办法_行内显示方式有间距

作者：tf789 | 2024-02-05 00:41:06

踩

行内显示方式有间距

相信很多小伙伴在页面布局上都碰到过行内元素之间存在默认的间隙的问题。其实这是因为行内块元素之间，浏览器会有一个默认的间距。如图：
在这里插入图片描述
解决的办法有四种：

1.html中将行内元素在同一行显示，不影响美观即可

    <div class="main">
        <!-- 在html中将行内元素在同一行显示，不影响美观即可 -->
        <div class="left"></div><div class="middle"></div><div class="right"></div>
    </div>
1
2
3
4

在父元素上设置font-size: 0px;

 <div class="main">
		<div class="left"></div>
        <div class="middle"></div1
2

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/tf789/article/detail/60177