应用CSS的table

对要素开展横向排序的情况下，1般都会应用float, display:inline-block等方式。大家应用table-cell还可以简易的完成，
运用table-cell来制做横向排序的益处我感觉有3点（呵呵呵，一些苍白无力）

1.float和 clear:both都可以以省略了；
2.纵向垂直居中还可以了；
3.即使应用border和padding也不容易顶出边框了。
clear:both可使用display:inline-block更换，display:table-cell最关键的是纵向垂直居中。
也有便是在回应式设计方案的情况下，padding和border不容易致使款式顶出边框的难题。不再必须测算宽度和应用box-sizing了。

table-cell制做的横向排序
最先详细介绍1下table-cell的基础写法

例，大家制做1个，1般网站中都会出現的左图右文的款式

CSS一部分：

               
HTML一部分：