html - 如果无用的 div 到位，则无法创建 css 表

Question

我有一些外国的 html 并且想用 css 表格来格式化它。不幸的是，html 在“tabular-row-divs”和“tabular-cell-divs”之间包含一个额外的 div。

例子:HTML:

<div class="tabular">
  <div class="useless">
    <div class="tabular-row">
      <label class="tabular-cell">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</label>
      <label class="tabular-cell">Name</label>
      <input type="text" name="entry.3.single" value="" class="tabular-cell" id="entry_3">
    </div>
  </div>
  <div class="tabular-row">
    <div class="tabular-cell">
      something
    </div>
    <div class="tabular-cell">
      display: table-celllllllllllllllllllll;
    </div>
    <div class="tabular-cell">
      cellllllllllllllllllll 
    </div>
  </div>
</div>

我当前的 CSS:

div .tabular {display: table;  padding: 5px;}
div .tabular-row {display: table-row;}
div .tabular-cell {display: table-cell; padding: 5px;  }

不幸的是，由于类为“无用”的 div，我无法使表格工作。我也无法通过谷歌找到解决方案，尽管我认为这很简单。你能帮帮我吗？

大卫

Answer 1

你有没有试过这样的事情:

div> div>  .tabular {display: table;  padding: 5px;}
div> div>  .tabular-row {display: table-row;}
div> div>  .tabular-cell {display: table-cell; padding: 5px;  }