display:table 和 display:block 有何区别?
display:block
定义了一个块盒,display:table
定义了一个块级的表格。最明显的区别就是display:table
是参与BFC(Block Formatting Context)的。关于BFC的定义和作用网上很多,请善用搜索引擎。
block
此元素将显示为块级元素,此元素前后会带有换行符。table
此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
表格具有关联收缩、垂直居中等特性,这是我通常使用表格的原因