display:table 和 display:block 有何区别

Question

display:table 和 display:block 有何区别？

Answer 1

display:block定义了一个块盒，display:table定义了一个块级的表格。最明显的区别就是display:table是参与BFC(Block Formatting Context)的。关于BFC的定义和作用网上很多，请善用搜索引擎。

Answer 2

表格具有关联收缩、垂直居中等特性，这是我通常使用表格的原因

Answer 3

block此元素将显示为块级元素，此元素前后会带有换行符。
table此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。