inline-block

float和display：inline-block区别

float

Float 经常用于实现文字环绕图片

img {
  float: right;
  margin: 0 0 1em 1em;
}

文字环绕图片

display：inline-block

• vertical-align 属性会影响到 inline-block 元素。

  vertical-align 默认为baseline，底部文字对齐，一般需要设置为top。

• 如果HTML源代码中元素之间有空格，那么列与列之间会产生空隙。

  如何去除间隙：

  
    
     test
     test
     test
  
  

  
    testtesttest
  
  

  
    惆怅淡定热血