該填充整個剩餘空間

我具有類似於下面的提取物的代碼：該填充整個剩餘空間

<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％不能解決我的問題，因爲跨文本不放在單元格表格的開頭。

這可能是一種簡單的方法嗎？謝謝。

來源

2013-07-24 Luca Detomi

將white-space: nowrap;樣式添加到表中。

Live Demo Here.

刪除CSS部分看到的變化。還檢查表格寬度

來源

2013-07-24 11:06:56

嗨，我更新了你的小提琴（[鏈接]（http://jsfiddle.net/KuYuw/5/））以顯示我的情況。我不明白爲什麼white-space：nowrap應該可以解決我的問題，但也許我不清楚我想要什麼。我希望那些帶有紅色底部邊框的span元素通過所有剩餘的單元格表，而不僅僅是它們的內容 –

該填充整個剩餘空間

回答

相關問題