1

いくつかのネストされた div (以下のような) を、table、table-row、および table-cell の表示スタイルを持つ CSS テーブル構造に変換したいと考えています。これはうまくいきます。しかし、DOM 構造には他にもいくつかの要素 (クラス "red" と "blue" で識別) があり、それらは削除できませんが、画面に表示する必要はありません。これらの要素を DOM ツリーに残すと、テーブル構造が正しく表示されません。それらをDOMツリーに入れる可能性はありますが、表示上は無視しますか?

<div style="display: table">
  <div class="blue">
    <div style="display: table-row">
      <div class="red">
        <div style="display: table-cell">
          ...
        </div>
        <div style="display: table-cell">
          ...
        </div>
      </div>
    </div>
    <div style="display: table-row">
      <div class="red">
        <div style="display: table-cell">
          ...
        </div>
        <div style="display: table-cell">
          ...
        </div>
      </div>
    </div>
  </div>
</div>
4

1 に答える 1

1

なぜ車輪の再発明をしたいのですか？単にそれを使用したい場合は、を使用tableして独自に実装することにより、テーブルを使用していないふりをしないでくださいdivs。あなたは何も得ていません、あなたの時間を無駄にしているだけです。

私が想像できる唯一のシナリオは、HTMLにアクセスできないということです。そうでなければ、これらのdiv.redと.blueを削除できないのはなぜですか。

今あなたの本当の質問を対象としています。明らかに.redと.blueにdisplay: noneも追加することはできませvisibility: hiddenんが、試してみることができますdisplay: inline;。とにかく、頑張ってください！

于 2012-08-05T11:32:56.837 に答える