展開表格單元呈現爲表格行以適合使用CSS的表格寬度

Html獲取我的表格數據，其中每列都呈現爲表格行。展開表格單元呈現爲表格行以適合使用CSS的表格寬度

我需要將這個單元格擴展到表的末尾，比如如果將td作爲錶行的一部分添加，而不是純粹通過CSS更改HTML，它將如何展開。

<table border="0" cellpadding="0" cellspacing="0" class="tableStyle"> 
    <tr> 
     <td class="column"> 
      Sample 1 
     </td> 
     <td class="column"> 
      Sample 2 
     </td> 
     <td class="column"> 
      Sample 3 
     </td> 
     <td class="column"> 
      Sample 4 
     </td> 
    </tr> 
</table> 

<style type="text/css"> 
    .column 
    { 
     width: 25%; 
     background-color: Green; 
     display: table-row; 
    } 
    .tableStyle 
    { 
     border: 1px solid red; 
     width: 100%; 
    } 
</style>

enter image description here

預期結果 enter image description here

來源

2014-03-06 user581157

有沒有辦法改變你的標記？您正在嘗試重新創建只有一點HTML調整的默認行爲。 – George

其實我不寫HTML表格生成一個，所以沒有辦法我可以改變這個通常渲染到一個錶行 – user581157

關鍵是我們使用asp.net和創建頁面的控制渲染爲網格爲了使它看起來移動友好我想通過CSS來改變它的HTML。我無法自更多頁面手動進行更改。 – user581157

也許可以使用寬度：上.COLUMN

http://jsfiddle.net/p8DDC/2/

.column 
{ 
    width: 100%; 
    background-color: Green; 
    display: table; 
}

表：100％和顯示

來源

2014-03-06 11:01:35

我第一次沒有看清楚這個問題，對不起。編輯。 –

展開表格單元呈現爲表格行以適合使用CSS的表格寬度

回答

相關問題