Question

在表格或display: table-cell;的div之外使用display: table是否正确？例如，像这样：http://jsfiddle.net/Lnpax/

Answer 1

使用display：table-cell是否正确;在桌子或桌子外面 with display：table？

你可以做到。

任何必需但缺失的元素都将自动生成为“匿名”表格元素。

http://www.w3.org/TR/CSS2/tables.html#anonymous-boxes

任何表元素都会自动生成必要的匿名表对象本身，至少由三个嵌套组成对应于'table'/'inline-table'元素的对象，a 'table-row'元素和'table-cell'元素。缺少元素生成匿名对象（例如，可视表中的匿名框）布局）根据[上面链接中描述的规则]。

Answer 2

使用它没有问题，但使用it like this

可能会产生相同的结果

#number-one {
    border: 1px solid;
    display: block;    // changed table-cell to block
    height: 300px;
    vertical-align: middle;
    width: 300px;
}

#number-two {
    background-color: red;
    height: 100px;
    margin: 100px;    // add margins to 'push' the inside div to the position we want
    width: 100px;
}

显示：table-cell;在桌子外面

2 个答案: