inline-block特性

  • 既呈现 inline 特性(不占据一整行,宽度由内容宽度决定)
  • 又呈现 block 特性 (可设置宽高,内外边距)
  • 默认情况下,inline-block元素之间就有空隙出现(缝隙的实质就是元素标签段之间的空格)

1.去掉HTML中的空格;

2.使用font-size:0;

  • vertical-align: top ;
    以顶端对齐
  • vertical-align: bottom;
    以底部对齐。
原文地址:https://www.cnblogs.com/qinglaoshi/p/13251530.html