ディスプレイ：table-cell;テーブルの外側

Question

display: tableのテーブルまたはdivの外に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

任意のテーブル要素を自動的に '、「テーブル」/'インラインテーブルの要素に対応する少なくとも三つの入れ子になった オブジェクトからなる、 自体の周りに必要な匿名 表オブジェクトを生成しますtable-row '要素、および' table-cell '要素です。欠落している要素 は、[上記のリンクに記載されているルールに従って]匿名オブジェクト（ビジュアルテーブル レイアウトの匿名ボックスなど）を生成します。