2

私は新しいウェブサイトに取り組んでいます：

  1. 3 つの列があります - 各列はセルです
  2. 最初の列には 3 つの行 (ロゴ、ナビゲーション、アイコン) がありますdisplay:table-row。
  3. 他の 2 つの列には 1 行しかありません。中央の列がコンテンツ領域です。

ただし、 を使用するのはこれが初めてdisplay:tableなので、よくわからないことがいくつかあります。フローティングdivを避けようとしていました。

  1. 列ごとに各行に 1 つのセルを含む複数の行が必要な場合は、各セルを行に埋め込むか、各行を作成してセルを宣言しないでください。ブラウザが不足している要素を自動的に作成することは理解していますが、ブラウザが不足している要素を自動的に作成するために発生する可能性のある副作用を回避するために、これを適切に行うようにしたいと考えています。

編集：

行でネストされたテーブル div を使用する代わりに、最初の列で 3 つの div を使用するだけでこれを達成できると思います。これがふと頭に浮かびました。

4

1 に答える 1

0

このようなものはどうですか？

<table>
    <tr>
        <td>
            Content One
        </td>
        <td>
            Content Two
        </td>
        <td>
            Content Three
        </td>
    </tr>
    <tr>
        <td colspan="3">
            MainVontent Four
        </td>
    </tr>
</table>

それともこんな感じ？

<table>
    <tr>
        <td>
            Content One
        </td>
        <td>
            Content Two
        </td>
        <td>
            Content Three
        </td>
    </tr>
    <tr>
        <td>
            <!-- INTENTIONALLY BLANK -->
        </td>
        <td>
            MainVontent Four
        </td>
        <td>
            <!-- INTENTIONALLY BLANK -->
        </td>
    </tr>
</table>
于 2012-07-04T01:03:37.547 に答える