解决两个inline-block并排出现空白间隙

遇到一个这样的问题,当我们把div标签的display设置为inline-block时,这时标签的边距会有出现,看下面代码




  
  
  Document
  


  

页面显示:

解决两个inline-block并排出现空白间隙_第1张图片

解决办法:

第一种解决办法:

两个行内框的父元素设置 font-size:0 的属性,就可以解决,如果行内框有文字要展示,可以在给行内框设置字体大小。

解决两个inline-block并排出现空白间隙_第2张图片

第二种解决办法:

解决两个inline-block并排出现空白间隙_第3张图片

第三种解决办法:

解决两个inline-block并排出现空白间隙_第4张图片 

你可能感兴趣的:(CSS)