Html 如何使表格中行的最后一个单元格占据所有剩余宽度

在下面的HTML片段中，如何使包含“LAST”的列的宽度占据行的其余部分，并且使包含“column ONE”和“column TWO”的列的宽度刚好足以包含其内容，而不是更大

多谢各位

表格{
边界塌陷：塌陷；
}
表td{
边框：1px纯黑；
}

纵队
一个
第二栏
最后
另一排

您需要告诉前两列不要换行，并为最后一列指定99%的宽度：

<table width="100%">
       <tr>
         <td style="white-space: nowrap;">
           <span>
             COLUMN
           </span>
           <span>
             ONE
           </span>
         </td>
         <td style="white-space: nowrap;">
            COLUMN TWO
         </td>
         <td width="99%">
           LAST
         </td>
       </tr>
     </table>

css:

---

不推荐使用的是标签，但如果您使用div和display:table cell创建响应式/CSS表，则此功能非常好。@ckaufman表不推荐使用，许多属性是（

width

，

nowrap

等）。此功能，但是我还必须在表格的第二列添加一个

minwidth

属性，以避免其收缩。如果最后一个表格单元格中包含一个下拉菜单，我希望与它所在的表格单元格的宽度相同，该怎么办。将下拉菜单的宽度设置为100%似乎不起作用，因为包含元素的宽度设置为99%。有什么简单的方法可以做到这一点吗？目前，当下拉菜单打开时，我使用javascript动态设置宽度。Boooya对我有用。

<tr>
  <td class="col1">
  // etc

.col1, .col2 {
  white-space: nowrap;
}
.col3 {
  width: 99%;
}