1

display: table;コンテナ要素とその子要素を使用しても問題ありませんか、それとも間display: table-cell;にラッパーを配置する必要がありますdisplay: table-row;か?

つまり...

<div style="display: table;">
   <div style="display: table-cell;"></div>
   <div style="display: table-cell;"></div>
</div>

また

<div style="display: table;">
   <div style="display: table-row;">
      <div style="display: table-cell;"></div>
      <div style="display: table-cell;"></div>
   </div>
</div>

display: table-row;複数の行がある場合に意味があります。しかし、私の場合、使用するよりも複雑ではないため、複数列のレスポンシブレイアウト（明らかに単一行を意味します）にのみ使用していfloatます。

問題は、単一行の複数列のレイアウトの場合、間にラッパーを入れずdisplay: table;に、コンテナー要素とdisplay: table-cell;その子要素を使用しても問題ないかということです。display: table-row;

いくつかのサイトがこれを行っているのを見てきました (つまり、 を使用していませんdisplay: table-row;)。ここに例があります。

4

1 に答える 1

3

単一の匿名テーブル行ボックスが外側 (テーブル) 内に生成されdiv、すべての内側div(テーブル セル) が含まれるため、すべてのテーブル セルが同じ行に属することがわかっている場合は完全に受け入れられます。

于 2013-02-04T14:10:40.890 に答える