html - 生成 "Greedy"表格单元格?

标签 html css html-table

我在表格中有一行,其中有 3 个单元格,其值为 A、B 和 C,表格是屏幕的整个宽度,这对于所有 3 个来说绰绰有余。现在,当他们显示,所有单元格都占了房间的 1/3,但这不是我想要的。我希望第二个和第三个单元格成为它们的“正确”大小,并且第一个单元格能够弥补差异。我不能只设置它们的宽度,因为它们是动态调整大小的。我该怎么做?

最佳答案

只需将表格的宽度设置为 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>

关于html - 生成 "Greedy"表格单元格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7126748/

相关文章:

html - 获取过滤器的定义边缘 :blurred image with background cover

html - 在 IE7 中选择和输入的高度相同

reactjs - 在 React 中单击后在表格行上添加项目

javascript - 按钮未在预期位置呈现

javascript - angular 2复选框选择全部

html - 位置: absolute in this CSS dropdown menu的作用

iPhone css悬停应该恢复正常 'unhover'

javascript - 用 AngularJS 表中的值替换集合的 ID

javascript - JQueryUI Sortable - 字符串的新顺序

html - <a href> 在 css 中出现在 span 之前