一、现象描述
真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：
间距就来了~~
我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：
.space a {
display: inline-block;
padding: .5em 1em;...
分类：
其他好文 时间：
2014-09-10 12:36:50
阅读次数：
221
水平居中：内联元素：text-align:center;相对于父级居中显示块级元素：margin:0 auto;但是需要同时width，否则无法看到效果多个块级元素居中：在此想要探讨一下display:inline-block;和display:flex;方法1：在父级上设置text-align:c...
分类：
Web程序 时间：
2014-09-09 10:52:48
阅读次数：
260
1.display：inline-block这个熟悉比较常用，但是IE浏览器的兼容就不好，IE浏览的兼容办法：*display：inline; zoom:1;2.margin:0 auto;水平居中，单在IE中无效，兼容方法：需要在居中的层的父类中加上*text-align:center;3.IE兼...
分类：
其他好文 时间：
2014-09-04 19:00:59
阅读次数：
205
select{outline: none;text-indent: 10px;height: 45px;line-height: 45px;width: 100%;border:1px solid #c0c3c8;border-radius: 5px;display: inline-block;fo...
分类：
其他好文 时间：
2014-09-04 18:37:49
阅读次数：
135
border:20px solid transparent;_border-color:tomato;_filter:chroma(color=tomato);width:0;height:0;overflow:hidden;display: inline-block;注意：当前层的背景色在IE6浏...
分类：
Web程序 时间：
2014-09-02 17:34:05
阅读次数：
152
IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象...
分类：
其他好文 时间：
2014-09-02 13:55:24
阅读次数：
166
问题：每1个带display:inline-block;属性的链接 a 水平、垂直方向都带有一定的空白关键在于父元素定义font-size:0 去掉行内块元素水平方向空白；子元素定义vertical-align 属性去掉行内块元素垂直方向空白！如果标签a内加上任意文字，则display:inline...
分类：
其他好文 时间：
2014-09-01 15:22:23
阅读次数：
215
display:inline; 内联元素，简单来说就是在同一行显示。display:block; 块级元素，简单来说就是就是有换行，会换到第二行。display:inline-block; 就是在同一行内的块级元素。说概念太模糊，来个真实案例吧。链接一</a>链接一</a>A默认就是一行...
分类：
其他好文 时间：
2014-08-31 18:33:11
阅读次数：
165
inline-block不懂为什么出现了上下错位，div1和div2明明定宽了，父元素宽度也够，高度也一样。就是第一个div1加了个overflow：auto就不行了。想了下，大概因为overflow使得div1变成bfc了。解决方法：让div2也有overflow属性变成bfc， 或者vertic...
分类：
其他好文 时间：
2014-08-27 12:35:27
阅读次数：
166
***后代选择器的使用/* 标准分页 */div.pagination { width: 600px; margin: 10px auto; padding-bottom: 20px; }div.pagination ul { display: inline-block; font-size: 0;...
分类：
其他好文 时间：
2014-08-26 00:25:45
阅读次数：
352
