已解决问题
谷歌a13622150907用户在2016.04.30提交了关于“肖战CSS中display:inline-block属性妙用”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2024-09-03T13:28:58。希望大家能够帮助她。详细问题描述及疑问:期待您的答案,谢谢你帮我,祝你快乐,愿你事事如意 !
详细问题描述及疑问:期待您的答案,谢谢你帮我,祝你快乐,愿你事事如意 !
在使用
displ
将对象呈递为内联
但
支持的浏览器有:Opera、Safari
但很遗憾,最流行的IE和Firefox却不支持这个属性(据说下一版本的Firefox将会支持displa
◆建议:最好不要使用Firefox私有属性-moz-inline-box。
或许有朋友会对上面所说的IE也不支持
其实不然,在I
◆延伸一个问题:IE下块元素如何实现display:inline-block的效果?
有两种方法:
1、先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display要先后放在两个CSS声明中才有效果,这是IE的一个经典bug,如果先定义了display:inline-block,然后再将display设回inline或block,layout不会消失)。代码如下(为省略的其他属性内容):
ExampleSourceCode
div{display:inline-block;}
div{display:inline;}
2、直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1等)。代码如下:
ExampleSourceCode
div{display:inline;zoom:1;}