display：table-cell;

Question

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

Answer 1

没有使用它，但你可以有同样的结果没有问题，使用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; 
} 

Answer 2

是否正确使用显示：表细胞;在一张桌子或一个格子外面 与显示：表？

你可以这样做。

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

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

任何表元素会自动产生围绕自身必要匿名 表对象，由对应于一个“表” /“行内表”元素至少三个嵌套 对象的，一个 '表格行“元素和”表格单元“元素。缺失元素 根据[上述链接中描述的规则]生成匿名对象（例如，可视表 布局中的匿名框）。