填充整个剩余空间的单元格表的内容答案

【问题标题】：Content of a cell table that fill the entire remaining space填充整个剩余空间的单元格表的内容
【发布时间】：2013-07-23 19:09:22
【问题描述】：

我有一个类似于以下摘录的代码：

   <table>
     <tr>
       <td>Some Text <span>other text</span></td>
     </tr>
     <tr>
       <td>Some other Text <span>some other text 2</span></td>
     </tr>
   </table>

不同的表格行可以有不同的内容长度，但显然行之间的单元格宽度是相等的。

我希望 SPAN 标记中包含的文本与单元格表的整个剩余空间一样长，因为它具有彩色背景。 Width:100% 没有解决我的问题，因为跨度文本没有放在单元格表的开头。

有没有简单的方法？

【问题讨论】：

标签： css html-table

【解决方案1】：

将white-space: nowrap; 样式添加到表格中。

Live Demo Here.

删除 CSS 部分以查看更改。还要检查表格宽度

【讨论】：

嗨，我更新了你的 Fiddle (link) 来展示我的情况。我不明白为什么 white-space:nowrap 应该解决我的问题，但也许不清楚我想要什么。我希望跨度元素带有虚线红色底边框，贯穿所有剩余的单元格表，而不仅仅是它们的内容