1

我正在制作表格布局，我真的需要：

  • 2 列，可变宽度
  • 列具有相同的宽度
  • 列不宽于必要

我发现如果我将两列都设置为“宽度：50%”，“表格布局：固定”可以实现这一点。这是一个例子：

CSS：

    .mytable {
      border-collapse: collapse;
      table-layout: fixed;
    }
    .fifty {
      width: 50%;
    }

HTML：

    <table class="mytable" border=1>
        <tr>
            <td class="fifty">hello</td>
            <td class="fifty">x</td>
        </tr>
        <tr>
            <td class="fifty">a</td>
            <td class="fifty">longer</td>
        </tr>

        <tr>
            <td class="fifty">reallyreallylong</td>
            <td class="fifty">medium</td>
        </tr>
    </table>

这正是我想要的，我很高兴，除了当这个表出现在另一个表中时，一切都消失了。在这种情况下，所有列都会缩小到可能的最小大小（至少对于我的 Chrome 版本）。

这是一个展示我的困境的 jsFiddle：http: //jsfiddle.net/KTkZm/

任何人都可以阐明这一点，并希望找到一种方法让内表像在表外一样呈现？谢谢！

4

1 回答 1

0

检查下面jsfiddle的链接。它工作正常。

http://jsfiddle.net/KTkZm/14/

于 2013-07-27T05:28:40.003 回答