Question

我在一个表中有一行，其中有3个单元格，其值为A，B和C，表格是屏幕的整个宽度，这对于所有人来说都是足够的空间3.现在，当他们显示，所有细胞都占据了房间的1/3，但这不是我想要的。我希望第二和第三个细胞成为它们的“正确”大小，并且第一个细胞可以消除差异。我不能只设置它们的宽度，因为它们是动态大小的。我怎么能这样做？

Answer 1

代码 A 和 C （以像素为单位），并将 B 的宽度设为100％

Answer 2

只需将表格的宽度设置为100％，将A的宽度设置为100％，将B和C设置为自动。经过测试和运作

<table border="1px" width="100%">
    <tr>
        <td width="100%">A</td>
        <td width="auto">BB</td>
        <td width="auto">CCC</td>
    </tr>
</table>

Answer 3

尝试，

<table border="1px" width="100%">
    <tr>
        <td width="100%" height="100" style="background:#ff0000; display:block">A</td>
        <td width="100%" height="100" style="background:#00ff00; display:block">BB</td>
        <td width="100%" height="100" style="background:#ff00ff; display:block">CCC</td>
    </tr>
</table>

Answer 4

我尝试过Diodeus和Rune的方法，但它对我的例子不起作用。我最终在单元格B和C上进行合并，因为我找不到任何东西。谢谢你的帮助。

Answer 5

Rune对Pistos评论的回答让我很接近。最后一步是将style =“white-space：nowrap”添加到非贪婪的列中，给出：

<table border="1px" width="100%">
    <tr>
        <td width="100%">A wide column</td>
        <td style="white-space:nowrap">Compact column 1</td>
        <td style="white-space:nowrap">Another compact column</td>
    </tr>
</table>

在Firefox 25中适合我。

制作“贪婪”的表格？

5 个答案: