关于inline-block
2011-09-28 21:09
330 查看
inline-block错误理解
css:
但是
css:
是可以看到a在ie6,7下是存在的,同时具有inline元素与block元素的属性可见ie6,7也是支持inline-block属性的
先看看css2.0上的解释:‘’
试着给样式加个position:absolute;
css:
css:
a{ border:1px solid #f60; width:200px;margin-left:100px; display:inline-block; text-indent:-9999px;}html:
<a href=""><span>123</span></a>//在ie6,ie7下看不到a;当时就以为ie6,7不支持此属性。
但是
css:
body{ text-align:center;} a{ border:1px solid #f60; width:200px;margin-left:100px; display:inline-block;}/*去掉text-indent:-9999px;*/
是可以看到a在ie6,7下是存在的,同时具有inline元素与block元素的属性可见ie6,7也是支持inline-block属性的
先看看css2.0上的解释:‘’
inline-block | : | IE5.5 | 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内 |
css:
a{ border:1px solid #f60; width:200px;margin-left:100px; display:inline-block; text-indent:-9999px;position:absolute;}在ie6,7和其他浏览器下表现就一样了,之前理解的不支持是不对的,但为什么加上position:absolute又显示了这是为什么?不解?
相关文章推荐
- 关于inline-block的兼容测试
- 关于inline-block的使用
- CSS: 关于display属性中inline、block、inline-block的不同
- 关于使用了inline-block导致页面布局不受控制的一点说明
- 关于 display: inline 、block 、inline-block
- Vertical-Align: 关于inline,inline-block文本排版
- 关于 display: inline 、block 、inline-block
- 关于 display: inline 、block 、inline-block (一)
- 关于inline-block,间隙距离去除,以及div自动换行,高度等问题的一个demo
- 关于 display: inline 、block 、inline-block (二)
- 关于inline-block和float的区别
- 关于inline-block的间隙问题
- 关于 inline-block 兼容问题
- 关于inline-block 元素之间为何会产生间隔
- 关于inline-block
- [Quicky] block 和 inline 答案揭晓~ 另付一则,关于 word-break
- 关于css中的block元素inline元素 以及positison属性的初步认识。
- 关于 display: inline 、block 、inline-block
- 关于float和inline-block实现不规则瀑布布局的探索
- 关于inline-block问题