元素间的间隙

常见的几个空隙例子:

  1. 两个并列的width:50%的div总是不能刚好的在一行显示?
  2. 上下板块之间有不知道哪来的一行间隙?

oven尚且是个菜鸟入职且4月有余日,
想把自己遇到问题发布一下,
自己会去网上度点解决办法,然后做个不完全的总结,
能帮到大家自然是很好的,如果能得到大神的提点自然非常荣幸

问题1、2:

两个问题有个共同解决办法,如果当你检查/审查元素时,点击审查小图标,然后把鼠标放在空隙中时,选中的是父节点,此时,问题就出在**font-size**,因为两个子div间有换行造成的空格,此时继承父的默认字体大小,就会占一点点的距离,导致第二个div被挤到下一行。

解决办法:父节点字体:font-size:0px;子节点字体:随意。

        ……
        <div>
            <div></div>
            <div></div>
        </div>
        ……

然后,目前碰到的此类问题oven就是这么解决的,在子元素需要用精确的%设置宽高时,给其父设置字体0px,其子元素单独设置字体大小,虽然有些烦人,但,还是没有找到更好的解决办法。希望能帮助大家

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值