首页 > 代码库 > display:table-cell; --布局神器
display:table-cell; --布局神器
简介:
display:table-cell
属性指让标签元素以表格单元格的形式呈现,类似于td
标签。兼容 IE8+。(与其他一些display属性类似,table-cell
同样会被其他一些CSS属性破坏,例如float
, position:absolute
,所以,在使用display:table-cell
与float:left
或是position:absolute
属性尽量不用同用。设置了display:table-cell
的元素对宽度高度敏感,对margin
值无反应,响应padding
属性,基本上就是活脱脱的一个td标签元素了。)
使用说明:
1.display:table-cell与大小不固定元素的垂直居中
2.display:table-cell与两栏自适应布局
3.display:table-cell下的等高布局
4.display:table-cell下的列表布局
详情参考:http://www.zhangxinxu.com/wordpress/2010/10/%E6%88%91%E6%89%80%E7%9F%A5%E9%81%93%E7%9A%84%E5%87%A0%E7%A7%8Ddisplaytable-cell%E7%9A%84%E5%BA%94%E7%94%A8/
display:table-cell; --布局神器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。