关于table-cell这个属性，并不兼容IE67。在以前，对这种不完全兼容的属性，我都是不怎么关注。
直到最近，经常会遇到如下需求的设计稿：只是简单的一个提示框，内容左右上下居中。
以前的做法是直接内容固定住宽度，然后 margin-left: auto; margin-right: auto; 来左右居中，上下给一个相同的间距实现垂直居中。如果后期有内容的增减，宽度又需要重设，相当麻烦。

受项目性质的照顾，我们不需要兼容IE67，既然组织这么照顾我们了，我们也不能写那么老套的代码，故所有的问题只需要一个 display: table-cell; text-align: center; vertical-align: middle; 就可以自适应的实现左右上下居中了。