製作「貪婪」表格單元？

我在一個表中有一行，其中有3個單元格，其中的值爲A，B和C，表格是屏幕的全部寬度，這對於所有3來說都足夠大。現在，當它們顯示，所有的細胞都獲得了1/3的房間，但這不是我想要的。我希望第二和第三個單元格是他們「正確」的大小，並且是第一個單元格來彌補差異。我不能只在它們上設置寬度，因爲它們的大小是動態的。我怎樣才能做到這一點？製作「貪婪」表格單元？

來源

2011-08-19 skaz

你指的是三人都其寬度設置dinamically ？或者只是B和C ?,如果你沒有寬度地離開A，它會做你所問的。 – jackJoe

@jackJoe - B和C的寬度無論內容是多少。 A應該留下剩餘的空間。 – skaz

-1

我試圖Diodeus和符文的方法，但它並沒有對我的工作的例子。我結束了對單元格B和C的合併，因爲我找不到任何東西。謝謝你的幫助。

來源

2011-08-20 19:58:27 skaz

代碼甲和Ç以像素爲單位，給乙的100％的寬度

來源

2011-08-19 20:09:29

只需設置表格的寬度爲100％，A的寬度爲100％，B和C自動。測試和工作

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A</td> 
     <td width="auto">BB</td> 
     <td width="auto">CCC</td> 
    </tr> 
</table>

來源

2011-08-19 20:24:39

auto是默認寬度，因此只需要指定單元格上的100％寬度。（爲我工作。） – Pistos

嘗試，

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%" height="100" style="background:#ff0000; display:block">A</td> 
     <td width="100%" height="100" style="background:#00ff00; display:block">BB</td> 
     <td width="100%" height="100" style="background:#ff00ff; display:block">CCC</td> 
    </tr> 
</table>

來源

2011-08-20 07:51:35 anglimasS

符文的答案與皮斯托斯的評論讓我接近。最後一步是添加的風格=「白色空間：NOWRAP」的非貪婪列，贈送：

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A wide column</td> 
     <td style="white-space:nowrap">Compact column 1</td> 
     <td style="white-space:nowrap">Another compact column</td> 
    </tr> 
</table>

對我的作品在Firefox 25

來源

2013-11-20 23:20:43

製作「貪婪」表格單元？

回答

相關問題