display-inline-block是让元素在一行显示，但是这些元素在html里面是上下行排列的，所以中间有换行符，于是并排显示就有了换行符带来的空隙。那么如何解决呢？ 方案一：将html标签要display:inline-block 的元素写在一行。缺点：代码可读性差。 方案二：给父元素 ...

display:inline-block是让元素在一行显示，但是这些元素在html里面是上下行排列的，所以中间有换行符，于是并排显示就有了换行符带来的空隙。 解决方案： 1.将html标签要display:inline-block 的元素写在一行。缺点：代码可读性差 ...

首先，来看下具体的问题，下面是用inline-block布局实现的两边固定宽度，中间自适应的html代码： 1 2 3 4 5 6 ...

inline-block属性 This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced ...

申明：IE7无法测试，所以下面说的IE6指IE6和IE7 1,遇到的问题 Normal 0 7.8 磅 0 2 f ...

display为inline-block的元素在水平方向上之间会有间隙 原因：标签与标签之间使用了空格或者是换行符(空白字符也是字符，样式会影响) 解决办法一： 不使用空白符号，使用注释替代换行、标签的结束标签与开始标签写在一起等（代码的可读性较差） 解决办法二：设置父元素的font-size ...

IE6/7是不支持display:inline-block属性，只是让其表现的跟inline-block一样，尤其对于inline水平的元素，其表现度可以用perfect一词来形容了。 对于IE8+以及现代浏览器，直接使用：{display:inline-block;}就可以了，支持任意水平 ...

　 　不知道大家有没有碰到过设置了display:inline-block;的几个相邻元素之间有几px间距的问题，这里提供几种简单实用的解决方法，希望能够帮到大家！ 　　 方法1. 将<li>标签之间的空格与换行全部去掉，这也是我比较常用的一种 ...