你熟悉的display:table-cell

1. dispaly:table-cell属性说明

dispaly:table-call属性是让标签以表格形式呈现,类似td元素。IE6/7现在好像用的人不多,所以就暂且将它忽略;
先说一下,有一些比较特别的属性:举个栗子吧 元素的垂直居中对齐,关联伸缩。
与其他一些display属性类似,table-cell同样会被其他一些CSS属性破坏,例如float, position:absolute,所以,在使用display:table-cellfloat:left或是position:absolute属性尽量不用同用。
同时设置了display:table-cell的元素对宽度高度敏感,对margin值无反应,响应padding属性,基本上就是活脱脱的一个td标签元素了。

使用display:table-cell
让大小不固定元素垂直居中已经是很老的方法了,关于此应用,我已经在大小不固定的图片、多行文字的水平垂直居中

你可能感兴趣的:(你熟悉的display:table-cell)