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

Question

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

   <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标签中包含的文本将长到单元格表的整个剩余空间，因为它具有彩色背景。宽度：100％无法解决我的问题，因为跨文本未放置在单元格表的开头。

是否可以轻松实现？

Answer 1

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

Live Demo Here.

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