码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-09-16 12:31:37      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

  今天做一个项目 。本来我打算是作成表格的 ,后来觉得太费事直接搞成一个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 等等好多方法

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

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

标签:

原文地址:http://www.cnblogs.com/guxiaosao/p/4807391.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!