关于页面无缘无故出现的一些距离解释

  • 2018-07-09
  • 0
  • 0

今天写页面,用button标签写按钮,写完后发现它与上一个为div的同级节点之间莫名其妙有间隙,审查元素看了,也看不出这个距离哪里来的,最后给父级设置字体大小为0,就没有了,这是才想起行内块元素是会解析文本格式的,代码里的换行是会解析成空白距离的,解决办法两个:
– 1、给父级设置字体大小为0,这样哪些空白就没有大小,从而就不会出现距离,但是就是有点麻烦,需要给其它元素一个一个单独设置字体
– 2、把行内快元素转成块元素,设置为block就ok,这个很方便

至于用哪个,看具体场景使用,这里提醒下,凡是遇到不明所以的距离,基本都是这个原因导致的,这次我自己是忽略了button是行内块元素,这下长记性了:grin:

评论

还没有任何评论,你来说两句吧