display:inline-block
inline-block,行内的块级元素,它拥有块级元素的特点,可以设置长宽,可以设置margin和padding值,但它却不是独占一行的.
IE6和IE7支持block,inline,none.
IE6和IE7不支持inline-block属性,它们的inline-block属性其实只是触发了行内元素的hasLayout,使行内元素拥有了一些块级元素的特性.其效果和zoom:1是一样的.
在IE6,7下display:inline-block只能对行内元素实现,如果是块级元素就不行.(只能使行内元素能设置高宽这样的属性,但不能使块级元素不独占一行,即对块级元素无效).
IE8和火狐能很好的支持inline-block.
所以为了兼容IE6,7inline-block只能用于行内元素.
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步