2010-11-07 91 views
7

我需要在各種情況下確保表單元格不會縮小超過一定的寬度。爲了做到這一點,我嘗試了許多選項,結果各不相同。有些我已經試過選項:對TD如何控制表格單元格的最小寬度?

  • 寬度:工作好了,但有些瀏覽器會忽略它,它在HTML5的無效
  • CSS寬度內style=""或樣式表:由某些瀏覽器忽略
  • width = X和height = 1的圖像:導致td的內容向上或向下(大於1px)。
  • 分度,寬度= X和高度= 1和浮動:左:這似乎工作目前最好的,但它確實推動內容或略有下降

任何其他的想法?

我需要它在任何工作,包括IE6 :(但如果有不工作在IE6的解決方案,但一切,那會是一個開始呢:)

+0

去與divs並忘記表:) – s84 2010-11-07 03:03:35

+0

我很想。我將如何使它們像一張桌子一樣行動,包括colspan和rowspan? – 2010-11-07 03:20:25

+6

..如果它是一張桌子,它是一張桌子......我看不出有什麼理由切換到div,所以你可以使用CSS將它們變回表格。 – 2010-11-07 03:22:54

回答

15

你不能可靠地控制表格單元格的寬度。最好將內容包裝在DIV(或任何其他塊級別的元素)中並定位該元素。

+4

但是,如果他呈現表格數據,他應該使用表格。從語義的角度來看,不使用表格數據的表格與使用非表格數據的表格一樣糟糕。 – 2010-11-07 04:24:06

+6

@Alberto馬丁內斯,我不認爲@Brandon意思是更換整個表,而是作爲​​

foo bar
2010-11-07 05:10:13

+0

啊包裹內容div的,細胞內,這樣,我沒有得到它,的確是會使用間隔圖像更好。 – 2010-11-07 13:17:52

0

看最小寬度。不兼容IE6,但它會在大多數其他瀏覽器中搖擺不定。

2

min-width將正確控制最小 - 支持正確的瀏覽器。通常情況下,width可以像IE6-ish廢話中的min-width一樣工作。因人而異。

相關問題