表格是个好东西，它可以自动根据内容来调整格子，确保数据正常显示，并且不破坏表格的结构。但也有一些劣势，因为是用大量标签堆砌而成，页面结构会比较乱，细节也往往不容易控制。所以我们希望有表格的展示效果，但不想用表格，于是就有了模拟表格。 对于HTML中的同级数据，我们更希望把它们放到一起。所以UL、L....
分类：
其他好文 时间：
2014-08-11 17:06:12
阅读次数：
184
父级宽高不定，使用inline-block使子级水平垂直居中
分类：
其他好文 时间：
2014-08-11 00:14:41
阅读次数：
302
CSS： .checkbox { display: none; *display: inline-block; } .label:before { content: ""; ...
分类：
其他好文 时间：
2014-08-07 12:04:49
阅读次数：
190
inline-block标签1标签2标签3a标签本来就是内联 这样写，他出来效果就是--------标签1标签2标签3但如果你想要定义宽度,不加块状是起不来作用的，都是单单加块状（display:block），他又换行了，所以这时加display:inline-block 就起到很大作用，内联块状....
分类：
其他好文 时间：
2014-08-02 12:42:43
阅读次数：
160
HTML的元素有多种display属性，比较常见的有display:none; display:block; display:inline和display:inline-block;等。详细可参阅W3Schools文档。有些HTML元素自然地带有display:block;样式属性，比如...,,,...
分类：
其他好文 时间：
2014-07-31 12:13:06
阅读次数：
174
关于display：inline-block 会有3像素的bug如果像上面的布局会span与span之间有空隙像这样就不会有但是在浏览代码上不美观父级加上font-size：0可以解决但是chrome有最小单位所以要加上-webkit-text-size-adjust:none;这种方法是我比较推崇...
分类：
其他好文 时间：
2014-07-28 15:31:13
阅读次数：
249
inline-block/float（浮动） 回顾:inline-block 特性： 1、块在一排显示 2、内联支持宽高 3、默认内容撑开宽度 4、标签之间的换行间隙被解析（问题） 5、ie6 ie7不支持块属性标签的inline-block（问题） float浮动： 1、块在一排显示 ...
分类：
Web程序 时间：
2014-07-26 00:12:46
阅读次数：
383
注意我们添加了一个额外的span从而在7以下版本的IE中修复该bug；我们还将display属性设置为inline-block来使我们关键的span拥有“layout”。最后结果：一切都正常了。
分类：
其他好文 时间：
2014-07-22 00:19:35
阅读次数：
203
IE6/7是不支持display:inline-block属性，只是让其表现的跟inline-block一样，尤其对于inline水平的元素，其表现度可以用perfect一词来形容了。对于IE8+以及现代浏览器，直接使用：{display:inline-block;}就可以了，支持任意水平的元素。对...
分类：
其他好文 时间：
2014-07-19 21:24:05
阅读次数：
249
对于text-align的center属性有如下特点：
1、将text-align的center应用在一个容器上，它只是针对容器里面的文字以及容器里面的display为inline或者inline-block的容器，如果里面的容器display为block，则里面的容器不会居中
2、text-align具有向下传递性，会不断向子元素传递
如图
.div1{
text-a...
分类：
其他好文 时间：
2014-07-13 15:37:34
阅读次数：
275
