为了账号安全,请及时绑定邮箱和手机立即绑定

可以设置为display:inline-block吗?

既保留了它原来的块级元素属性,又能将其按照内联元素的属性居中!

正在回答

3 回答

  并不是所有浏览器都支持此属性,目前支持的浏览器有:Opera、Safari。在IE中对内联元素使用display:inline-block,IE是不识别的,但使用display:inline-block在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表症。从上面的这个分析,也不难理解为什么IE下,对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被display:inline-block触发了layout,而它本就是行布局,所以触发后,块元素依然还是行布局,而不会如Opera中块元素呈递为内联对象。

  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;...}


0 回复 有任何疑惑可以回复我~
#1

黑色丶毛衣 提问者

非常感谢!
2016-05-25 回复 有任何疑惑可以回复我~

可以啊。

0 回复 有任何疑惑可以回复我~

完全可以的

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

可以设置为display:inline-block吗?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号