常见的几个空隙例子:
- 两个并列的width:50%的div总是不能刚好的在一行显示?
- 上下板块之间有不知道哪来的一行间隙?
oven尚且是个菜鸟入职且4月有余日,
想把自己遇到问题发布一下,
自己会去网上度点解决办法,然后做个不完全的总结,
能帮到大家自然是很好的,如果能得到大神的提点自然非常荣幸
问题1、2:
两个问题有个共同解决办法,如果当你检查/审查元素时,点击审查小图标,然后把鼠标放在空隙中时,选中的是父节点,此时,问题就出在**font-size**,因为两个子div间有换行造成的空格,此时继承父的默认字体大小,就会占一点点的距离,导致第二个div被挤到下一行。
解决办法:父节点字体:font-size:0px;子节点字体:随意。
……
<div>
<div></div>
<div></div>
</div>
……
然后,目前碰到的此类问题oven就是这么解决的,在子元素需要用精确的%设置宽高时,给其父设置字体0px,其子元素单独设置字体大小,虽然有些烦人,但,还是没有找到更好的解决办法。希望能帮助大家