2010-11-07 52 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一样工作。因人而异。

相关问题