display:table 和 display:block 有何区别

Kerita
  • 13

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

回复
阅读 8.4k
3 个回答

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

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

block此元素将显示为块级元素,此元素前后会带有换行符。
table此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
clipboard.png

宣传栏