zoukankan      html  css  js  c++  java
  • 使用font-size:0去掉inline-block元素之间的空隙

    现代浏览器的最新版都支持inline-block,只有该死的ie6、7不支持inline-block,但ie6、7可以通过

    display:inline;
    zoom:1;

    来模拟


    下面是inline-block兼容的代码:

    view sourceprint?display:inline-block;
    
    *display:inline;
    
    *zoom:1;
    
    100px;
    
    vertical-align:top;


    但是大家有没有发现,在firefox,safari,opera,ie8+中的 inline-block 元素之间会莫名其妙多出3px的间距,其实这个是换行符,如果将 inline-block 元素间的换行符去掉,这3px的间距就会消失了。


    有没有在不影响代码美观的情况下去掉间距尼,答案是有的。

    可以在inline-block的父元素中加上 :

     font-size:0;

    然后在 inline-block 中将字体设回来。 

  • 相关阅读:
    初识软件工程
    00.JS前言
    01.JS语法规范、变量与常量
    02.JS数据类型与数据类型转换
    03.JS运算符
    04.JS逻辑结构
    05.JS函数
    06.JS对象-1
    08.JS单词整理
    00.ES6简介
  • 原文地址:https://www.cnblogs.com/qiye2016/p/5484820.html
Copyright © 2011-2022 走看看