使用display:inline-block;属性转化的行内块的缺点及解决方法

缺点

1. 多个相邻行内块之间有间隙（空隙产生的原因：当元素有行内元素的特性时，元素间的空白符都会被解析，回车换行会被解析成一个空白符，如果字体不为零那么就会占一定的宽度，并且这些间距会随字体的大小而变化）
2. 里面的文本行数不一致时会出现盒子塌陷

取消盒子间隙的方法

1. 删除标签之间的空白（有效果但是不建议使用，代码看起来不太规范，一般不使用）
2. 给转化显示模式为行内块的盒子添加margin-left: -10px;，取负值，可以把间隙遮挡。
3. 给转化显示模式的盒子的父元素添加属性font-size: 0;,（可以取消间隙，但是会影响父元素盒子内其他元素的字体大小）

标签：02,行内,盒子,22,间隙,元素,转化,2021,空白符
来源： https://blog.csdn.net/weixin_50768169/article/details/113953100