关于display:table-cell和table

Question

我设置两个div1和div2给div1设置table-cell的话div1跟块状元素一样独占一行，但是如果我给div1和div2包裹一个父元素div3并设置table,div1和div2会并排显示，刚学的小白，求大神讲仔细点table-cell和table到底是什么样的

Answer 1

display: table /*指定对象作为块元素级的表格。类同于html标签<table>*/
display: table-cell /*指定对象作为表格单元格。类同于html标签<td>*/

图中整体就是一个表格table，而里面的单元格则是table-cell，也就是说table是块级元素，而table-cell则把div变成了类td的多目标块状元素。