如果通過CSS的相鄰單元格爲空，獲取表格單元格以跨越多列

Question

我是CSS的新手。我有一個頁面，其中一個html表格是由一堆標籤在運行時生成的。但是，數據僅在其中一個單元中生成，並且相鄰單元最終爲空。

<tr> 
<td> Really long data that is forced to wrap around.</td> 
<td> empty cell</td> 
<td empty cell </td> 
</tr> 

是否有一種乾淨的（跨瀏覽器兼容）方式來獲得第一個單元格通過CSS跨越多個列而不強制環繞。理想情況下，您可以在第一個單元格上設置colspan，以使其伸展多個單元格，但由於在服務器上生成了html，所以這不是一個很好的選擇。

This是我發現對我的問題最接近的一套解決方案，它似乎無法解決問題。

Answer 1

看起來您正在嘗試使用表格進行演示，而不是表格內容。你應該看看display: flexbox這可能會幫助你達到你想要的效果。

這裏是一個偉大的教程https://css-tricks.com/snippets/css/a-guide-to-flexbox/