css属性之display:inline-block
引用:
将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。
但对于这个属性不是所有浏览器都识别。
支持的浏览器有:Opera、Safari
延伸一个问题:IE下块元素如何实现display:inline-block的效果?
有两种方法:
1、先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display要先后放在两个CSS声明中才有效果,这是IE的一个经典bug,如果先定义了display:inline-block,然后再将display设回inline或block,layout不会消失)。代码如下(...为省略的其他属性内容):
div{display:inline-block;...}
div{display:inline;}
2、直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1等)。代码如下:
div{display:inline;zoom:1;...}
相关推荐
沈宫新 2020-01-02
LiybSunshine 2015-12-11
覆雪蓝枫 2019-06-27
jianqi 2019-06-20
nicepainkiller 2020-01-04
afeichuanqi 2019-06-26
在明确了这些间隙产生的原因后,要去除这些间隙就变得容易多了,通常有以下集中办法去除这些间隙:。}优点:相比与设置负的margin-right大小的不确定性,设置font-size:0;显得更加好控制。
wangnantjobj 2019-06-25
yibawuqing 2019-06-25
liusure0 2012-03-09
淡风wisdon大大 2011-06-10
每天积累一点点 2011-04-13
林一天 2010-09-16
MoeRookie 2010-09-14
Ladyseven 2010-09-14
MoeRookie 2010-09-03
tivon仔 2010-09-02