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

任何表元素會自動產生圍繞自身必要匿名 表對象，由對應於一個「表」 /「行內表」元素至少三個嵌套 對象的，一個 '表格行「元素和」表格單元「元素。缺失元素 根據[上述鏈接中描述的規則]生成匿名對象（例如，可視表 佈局中的匿名框）。