.someClassName { width:300px;display: inline-block;padding: 5px 10px 6px;text-decoration: none;border-radius: 5px;-moz-border-radius: 5px;-webkit-bo.....
分类：
Web程序 时间：
2014-07-16 19:51:21
阅读次数：
189
IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象...
分类：
其他好文 时间：
2014-07-11 21:46:19
阅读次数：
202
<!DOCTYPEhtml><html><head> <title>自适应宽度</title> <style> #condition{float:left;text-align:center;} #conditionul{margin-top:0px;display:inline-block;} #conditionulli{float:left;list-style:none;} </style><..
分类：
其他好文 时间：
2014-07-10 18:34:27
阅读次数：
243
http://blog.csdn.net/clh604/article/details/8295856使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。有关于使用inline-block来代替float的讨论也蛮多的。不过就是使用inline...
分类：
其他好文 时间：
2014-07-06 18:23:11
阅读次数：
225
IE6/7不支持display:inline-block属性，只是可以让标签有类似于inline-block的属性，起初我也是接受这种说法的，不过后来又表示了怀疑，最近使用text-align:justify;做测试的时候的一些样式表现证实了：确实IE6/7是不支持display:inline-bl...
分类：
其他好文 时间：
2014-06-30 22:10:44
阅读次数：
309
一、导火线没错，总有一类属性在助你轻松寻得捷径的同时，也可为你增添烦劳，比如本文的主谋display:inline-block。众前端们所诸知，其作用是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。然而不幸的是，它并没有得到所有浏览器的支持，比如ie...
分类：
其他好文 时间：
2014-06-27 16:15:14
阅读次数：
242
通常我们想让内联元素为行块布局显示，有2种方法，最常见的是方法是.selector {display:block;float:left;……}，第二种方法是.selector {display:inline-block;……}，对于第二种方法，在IE浏览器中得到支持，测试结果会认为IE能识别disp...
分类：
其他好文 时间：
2014-06-26 20:34:47
阅读次数：
299
在实际应用中，考虑到seo，很多button，icon都要用到inline-block和text-indent来处理，例如：Buttoncss我习惯写成这样.btn{display:inline-block; width:100px; height:23px; text-indent:-9999px...
分类：
其他好文 时间：
2014-06-22 12:56:49
阅读次数：
204
.page_nav{clear:both; padding:15px 0; color:#666; font:normal 12px/24px Arial; text-align:center;}.page_nav a{display:inline-block; height:22px; margi...
分类：
Web程序 时间：
2014-06-18 13:54:39
阅读次数：
262
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同...
分类：
其他好文 时间：
2014-06-14 12:59:38
阅读次数：
233
