据我所知,这些display选择器似乎是相同的.
从Mozilla CSS文档:
inline-table:内联表值在HTML中没有直接映射.它的行为类似于<table>HTML元素,但是作为内联框,而不是块级框.表格框内部是块级上下文.
inline-block:该元素生成一个块元素框,该框元素框将与周围的内容一起流动,就好像它是一个单独的内联框(行为很像被替换的元素).
看来,无论能与做inline-table是可以做到的inline-block.
我正在使用这些代码来制作包含浮动子项(而不是折叠)的包装元素:
.wrap:after {
content: '';
display: block;
clear: both;
}
Run Code Online (Sandbox Code Playgroud)
现在我看到了使用table作为display值的代码。
据说这是为了“包含子元素的上边距”。
全文在这里:http : //nicolasgallagher.com/micro-clearfix-hack/
我已经对这两种变体(块、表)进行了修补,但我找不到任何区别。
有人可以提供一个示例来说明使用块或表之间的区别吗?