displaytable是啥？display:table-cell的如何应用

很多刚刚接触display的时候，不知道displaytable是什么和怎么去使用display:table-cell，其实display:table-cell的使用并不难，只要我们了解一下display:table-cell的属性的应用规则，那么，display:table-cell的怎么应用？下面我们来讲解一下display:table-cell的应用方法。

一：display:table-cell的属性

display:table-cell的属性很类似于td标签，现在很多浏览器都是支持display:table-cell属性的，我们都知道表格有些特别的属性，很多时候，我们用到的垂直居中，和关联伸缩，所以说，display:table-cell有着很大的用处，但是和其他display属性相比，table-cell也会被其他的css破坏，一般建议，在使用display:table-cell的时候，不要使用float属性尽量不要使用，display:table-cell对宽度特别敏感，并且对margin值是没有任何意义的。

二：display:table-cell与不固定元素的应用

在制作网页的时候，我们使用display:table-cell让大小不固定的元素并且垂直居中，代码如下：

/*这里的大小是根据高宽上限128像素图片设置的*/
div{display:table-cell; width:1em; height:1em; border:1px solid #beceeb; font-size:144px; text-align:center; vertical-align:middle;}