如何控制表格单元格的最小宽度?

时间:2010-11-07 02:54:03

标签: html css html-table

我需要在各种情况下确保表格单元格不会缩小超过一定宽度。为了实现这一点,我尝试了许多不同结果的选项。我试过的一些选项:

  • td上的宽度:工作正常,但有些浏览器会忽略它,而且在HTML5中无效
  • style=""或样式表中的CSS宽度:被某些浏览器忽略
  • 宽度= X且高度= 1的图像:使td的内容向上或向下推(超过1px)。
  • div,宽度= X,高度= 1,浮动:左:这似乎是目前最好的,虽然它会稍微向上或向下推动内容

还有其他想法吗?

我需要它可以在任何方面工作,包括IE6 :(但是如果有解决方案在IE6中不起作用,那么其他一切,无论如何都是一个开始:)

3 个答案:

答案 0 :(得分:15)

您无法可靠地控制表格单元格的宽度。最好将内容包装在DIV(或任何其他块级元素)中并定位该元素。

答案 1 :(得分:3)

min-width将正确控制正确支持它的浏览器中的。通常情况width可以像IE6中的min-width一样无效。 YMMV。

答案 2 :(得分:0)

看看最小宽度。不兼容IE6,但它在大多数其他浏览器中都会出现问题。