2012-01-06 77 views
0

我想格式化我的表是這樣的:調整滿滿一桌子的寬度

  • 全寬
  • 列寬於其他人可以採取更多的地方(通常是第一列)
  • 列太大絕被裁剪(像溢出:隱藏)
  • 最後2列必須比別人窄

這裏是一個的jsfiddle更explic它:http://jsfiddle.net/BbNFA/

我在這裏遇到的問題是當同一行中的所有文本都比頁面的寬度更寬,然後滾動條顯示。我想通過隱藏溢出文本來防止這種情況。

感謝您的幫助。

+0

可能開始:http://stackoverflow.com/a/7570613/446747 – 2012-01-06 19:11:45

+0

你能詳細瞭解您的第二和第三點?您是否嘗試過使用?以%爲單位設置的寬度將是更簡單的解決方案。 – 2012-01-06 19:32:01

回答

0

編輯:見我與COLGROUP DEMO這裏。

使用表格的佈局屬性,並將其設置爲固定象下面,

table { 
    width: 100%; 
    table-layout: fixed; <-- added 
} 

td { 
    white-space: nowrap; 
    overflow: hidden; <-- added 
} 
+0

我嘗試了一下,但結果是每列都有相同的寬度,第一列與其他列重疊(請參閱http://jsfiddle.net/BbNFA/1/)。 – Bronzato 2012-01-06 19:13:18

+0

爲什麼不將列寬設置爲期望的值。您可以將它設置爲第一行/ thead,tr的其餘部分將遵循相同的寬度。 – 2012-01-06 19:18:47

+0

我正在尋找另一個解決方案,而不是強迫價值......也許有些事可能,不是嗎? – Bronzato 2012-01-06 19:23:13