解决dispaly:inline-block 遗留间隙的问题_html/css_WEB-ITnose
程序员文章站
2022-04-06 12:47:43
...
今天做一个项目 。本来我打算是作成表格的 ,后来觉得太费事直接搞成一个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 等等好多方法
成功解决此方法 记录下来 为提示以后的自己
上一篇: 推荐10款配置接口源码(收藏)
推荐阅读
-
html的基本介绍、css的简单介绍、图片间隙问题的解决、边框的简单介绍
-
TextView采用setText赋值之后不能立即显示在页面上的问题解决_html/css_WEB-ITnose
-
终于成为博客员的一员了,这是我的第一篇博文,写一个关于ul li内容宽度的问题和解决方案_html/css_WEB-ITnose
-
通过yeoman、gulp、angular编写前段时的html模板处理,打包后找不到html的问题解决_html/css_WEB-ITnose
-
很简单的问题,帮忙解决一下,谢谢。_html/css_WEB-ITnose
-
怎么解决容器1把容器2盖住的问题?_html/css_WEB-ITnose
-
怎么解决容器1把容器2盖住的问题?_html/css_WEB-ITnose
-
很简单的问题,帮忙解决一下,谢谢。_html/css_WEB-ITnose
-
求大神帮忙解决html+css的问题_html/css_WEB-ITnose
-
绝对定位和浮动的问题,求大神帮忙解决_html/css_WEB-ITnose