display:table-cell属性指让标签元素以表格单元格的形式呈现,
与其他一些display属性类似,table-cell同样会被其他一些CSS属性破坏,例如float, position:absolute,所以,在使用display:table-cell与float:left或是position:absolute属性尽量不用同用。设置了display:table-cell的元素对宽度高度敏感,对margin值无反应,响应padding属性,基本上就是活脱脱的一个td标签元素了。
一、display:table-cell与大小不固定元素的垂直居中
二、display:table-cell与两栏自适应布局
三、display:table-cell下的等高布局
四、display:table-cell下的列表布局