display:table-cell屬性指讓標(biāo)簽元素以表格單元格的形式呈現(xiàn)，類似于td標(biāo)簽。目前IE8+以及其他現(xiàn)代瀏覽器都是支持此屬性的，但是IE6/7只能對(duì)你說(shuō)sorry了，這一事實(shí)也是大大制約了display:table-cell屬性在實(shí)際項(xiàng)目中的應(yīng)用。

我們都知道，單元格有一些比較特別的屬性，例如元素的垂直居中對(duì)齊，關(guān)聯(lián)伸縮等，所以display:table-cell還是有不少潛在的使用價(jià)值的，雖說(shuō)IE6/7不支持此屬性，但是幸運(yùn)的是，IE6/7一些亂糟糟的屬性與渲染，我們可以其他方法實(shí)現(xiàn)同樣或是類似的效果。

與其他一些display屬性類似，table-cell同樣會(huì)被其他一些CSS屬性破壞，例如float, position:absolute，所以，在使用display:table-cell與float:left或是position:absolute屬性盡量不用同用。設(shè)置了display:table-cell的元素對(duì)寬度高度敏感，對(duì)margin值無(wú)反應(yīng)，響應(yīng)padding屬性，基本上就是活脫脫的一個(gè)td標(biāo)簽元素了。

使用display:table-cell讓大小不固定元素垂直居中已經(jīng)是很老的方法了，關(guān)于此應(yīng)用，我已經(jīng)在“大小不固定的圖片、多行文字的水平垂直居中”這篇文章中有過(guò)介紹。

方便閱讀，這里再次展示下代碼：