解决dispaly:inline-block遗留间隙的问题_html/css

来源：动视网责编：小采时间：2020-11-27 16:12:11

解决dispaly:inline-block遗留间隙的问题_html/css

解决dispaly:inline-block遗留间隙的问题_html/css_WEB-ITnose:今天做一个项目。本来我打算是作成表格的，后来觉得太费事直接搞成一个div 里面直接放四个a ，然后我将a 设置成inline-block。刚开始还没发现任何间隙问题，(对了说到这里博主给新手介绍一个方法如果对div 布局或者大小等有问题的不妨设置一下他的背

推荐度：

点击下载本文 文档为doc格式

导读解决dispaly:inline-block遗留间隙的问题_html/css_WEB-ITnose:今天做一个项目。本来我打算是作成表格的，后来觉得太费事直接搞成一个div 里面直接放四个a ，然后我将a 设置成inline-block。刚开始还没发现任何间隙问题，(对了说到这里博主给新手介绍一个方法如果对div 布局或者大小等有问题的不妨设置一下他的背

　　今天做一个项目。本来我打算是作成表格的，后来觉得太费事直接搞成一个div 里面直接放四个a ，然后我将a 设置成inline-block。刚开始还没发现任何间隙问题，(对了说到这里博主给新手介绍一个方法如果对div 布局或者大小等有问题的不妨设置一下他的背景色，)回归主题这时候我给a设置一个border-bottom 问题来了出现间隙了

我仅是设置a的display值

处理的方法

空隙是有标签之间的空隙造成的所以可以

1）将a标签分开写

2）

inline-block的父元素设置font-size等于0，在inline-block的font-size设置为正常值，也是可以的

3）如果需要设置字体的元素比较多，一般也可以用margin负值解决的

4）还有wordspacing letterspacing 等等好多方法

成功解决此方法记录下来为提示以后的自己