Question

我不是很喜欢HTML和CSS而且我有以下问题。我有以下CSS结构：

<!-- REFERENTE TECNICO: -->
<div id="referenteTecnicoTab">
  <table width="800px" class="standard-table-cls table-header-cls">
    <thead class="opening">
      <tr>
        <th>
          <img class="imgAccordion" src="img/arrow.gif"/>
          Ricerca Fatture
        </th>
      </tr>
    </thead>

    <tbody class="expanded" style="display: none;">
      <tr>
        <td>
          <div id="ricercaFattureContent" class="accordion-pane-content">

            <table width="100%" class="standard-table-cls table-header-cls" >
              <thead>
                <tr>
                  <th style="text-align: center; border-left: 0">Ricerca Fatture</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td width="100%">
                    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>

</div>

正如你可以看到有 id = ricercaFattureContent 的div我有一个包含 thead 的表格，显示 Ricerca Fatture 文字和 tbody ，显示 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa /示例文本。

问题是这个表格有内部文字的宽度（在这种情况下是 aaa .... aaa 文字）。

我可以尝试做些什么来获得该表的容器宽度相同？

我正在疯狂尝试这样做，使用FireBug似乎是 t 里面的 tr 宽度由其内容决定，这部分是上一个代码：

<table class="standard-table-cls table-header-cls" width="100%"> <thead class="opening active"> <tbody class="expanded" style="display: block;"> <tr> THE tr TAKE THE WIDTH OF ITS CONTENT

所以我得到了这样的东西：

我希望表格具有容器的宽度，我该怎么办？

TNX

Answer 1

嗨，好像你有一个width="800px"作为表元素的属性，你也将tbody设置为display: none;

这是修补程序的小提琴： http://jsfiddle.net/ak0ygz2n/

注意我将容器着色为橙色以显示概念，并将表格宽度设置为容器的100％。

为什么这个内部HTML表的宽度由其内容决定？如何设置其容器的宽度？

1 个答案: