课程《4-1display属性》我没看懂,盒子间隙问题

课程《4-1display属性》我没看懂,盒子间隙问题

为什么父元素设置了字体大小为零后,子元素之间盒子的间隙就没了?

<style type="text/css">

    .one{font-size:0px;}

    .div{display:inline;

            font-size:16px;}

</style>

<body>

    <div class="one">

        <div>lallallal</div>

        <div>lallallal</div>

        <div>lallallal</div>

    </div>

</body

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

首先说明一个原理,HTML之间的换行符,制表符,空格符等产生了空白符,这些符说到底都是字符,都由font-size来掌控。因此当子元素盒子有间隙的时候,去除之间的间隙就用到font-size:0;祝学习愉快!

  • 李小枣 提问者 #1
    这些html中的换行符,空白符等等不管多少,是不是都变成一个空格符,所以不管是直接删掉还是使font-size:0;都可以呢?
    2017-08-11 18:13:43
  • 卡布琦诺 回复 提问者 李小枣 #2
    一般情况下,在实际项目开发中,为了使html文件中代码的格式比较清晰,易于维护,不建议使用使用删除空格,建议在css样式文件中使用font-size:0;祝学习愉快!
    2017-08-11 18:48:46
  • 李小枣 提问者 #3
    非常感谢!
    2017-08-14 09:37:35
qq_天天_66 2017-08-11 11:32:38

因为子元素虽然我们看不到,但是,空格,占位符,制表符,可能存在哦,所以font-size设置为0会让他们不占位

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师