您好!欢迎进入紫石头原创模板堂!
网站首页 | 购买流程 | 关于我们 |  联系方式 |  客服热线:0371-56789-390
当前位置:首页 >> 建站知识 >> 详情
扫二维码关注紫石头原创模板堂 4大优势,全网首家
  • NO.1

    模板类网站比起独立设计的网站来讲价格低的多,因为很多东西是已经做成的,成本就低很多!

  • NO.2

    开源模板网站,任意修改使用!服务好到没话说!模板建站经常被贴上服务差的标签,而紫石头完全打破这样的格局!

  • NO.3

    模板网站还享受设计型网站同等级售后服务,这不是做梦!紫石头原创模板站,让这一切变为可能!

  • NO.4

    建站速度快,购买后简单修改即可投入使用。设计型网站正常需要10~20个工作日,而模板站只需要几个小时!

免费咨询热线
0371-56789-390

inline-block产生空白间隙的原因及解决办法
发表:紫石头原创模板堂    发表时间:2019-07-31 10:39:16    阅读:91

    很多时候display:inline-block比float:left;好用。也因为IE6,7不支持inline-block,所有一般都这样写:{display:inline-block; *display:inline; *zoom:1},但是用了inline-block之后一些较高级的浏览器会出现空白间隙,而在IE6,7下是没有的。如图:

    其实这个问题是我们自己造成的,为了代码的可读性,在一行结束打个回车换行,回车产生回车符,回车符相当于空白符,真正原因就是这个回车符。
    解决办法:1、相关代码去掉回车,直接写在一行。2、在父级上加font-size:0;自身元素重定义字体大小。
工作时间:周一至周五(08:30~18:00)
Copyright ©2003-2020 永易搜旗下紫石头原创模板堂 All Rights Reserved 豫ICP备14011598号-7 营业执照