已解决问题
谷歌zz6487955hh用户在2014.09.25提交了关于“凌渡display:inline-block是什么意思”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2024-09-02T03:13:15。希望大家能够帮助她。详细问题描述及疑问:期待您的答案,没有什么华丽的语言,但是我对你的感谢不会减少 !
详细问题描述及疑问:期待您的答案,没有什么华丽的语言,但是我对你的感谢不会减少 !
很多时候我们必
display:inline-block
简单来说就是将对象呈递为内联对象,
在Firefox2
1、displ
“当
2、display:-moz-i
使用这一属性后,text-a
所以,建议不要使用-
在IE(以下IE8除外)下
1、先用displa
di
div
2、直接让块元素设置为内联对象(display:inline),然后通过zoom:1触发块元素的layout,代码如下:
div
那么为了能够让所有浏览器支持display:inline-block,综合一下,最终的实现代码如下(参考怿飞:模拟兼容性的inline-block属性):
display:inline-block;/*一方面Firefox3beta、IE8beta、Opera、Safari支持,另一方面下触发IE下inline元素的hasLayout*/
display:-moz-inline-stack;/*Firefox的私有属性,需要时还必须用到position:relative解决上面提到的bug*/
zoom:1;/*同样是IE下触发hasLayout*/
*display:inline;/*一旦IE下触发了hasLayout,设置block元素为inline会使display:inline效果与display:inline-block相似*/
/*扩展一下一些其他可能用到的属性*/
text-indent:-9999px;
*text-indent:0;
font-size:0;
line-height:0;/*如需隐藏文字,可用这四个属性*/
/*另外上面隐藏文字,还可以用更简化的方法:line-height:超级大值;font-size:0;*/
overflow:hidden;/*隐藏溢出的内容*/
vertical-align:middle;/*行内垂直居中,针对Opera比较大的偏离*/
width:?px;/*?为任意非auto值*/
height:?px;/*?为任意非auto值*/