我怎么指定在HTML或CSS的绝对最小宽度的一个表格的单元

StackOverflow https://stackoverflow.com/questions/56658

  •  09-06-2019
  •  | 
  •  

题

摘要

什么是最佳的方式，以确保表格不能低于某一最低的宽度。

例

我想确保所有细胞中的一个表中都至少有100像素的广泛方面的宽度表的容器中。如果有更多的可用空间的单元格应该填补这一空间。

浏览器的兼容性

我可能，我想找到一个解决方案，工作

  • 即6至8
  • FF2-3
  • Safari

在优先顺序。

有帮助吗？

解决方案

这CSS应该足够了:

td { min-width: 100px; }

然而，这并不总是遵守了正确的(最小宽度的属性)通过所有浏览器(例如，IE6不喜欢的东西它大).

编辑： 作为一个IE6(及之前)解决方案，没有一个可靠的所有情况下，尽我所知道的。使用nowrap HTML属性并不真正实现所期望的结果，因为这只能防止线-在休息的细胞，而不是指定一个最低的宽度。

然而，如果nowrap是结合使用一个经常小宽度的财产(例如使用宽度：100像素)，100像素将采取行动 喜欢 最小宽度和细胞仍然会扩大的文本(由于nowrap).这是一个低于理想的解决方案，这不能完全使用CSS，因此，将是繁琐的实施如果你有许多表格，你想要用这个。(当然，这个替代解决方案落如果你想要动态线-打破了你的细胞，无论如何)。

其他提示

另一个 哈克 是的老1×1透明像素的伎俩。插入一个1×1透明gif图像并设定它的宽度的图像标记的宽你想要的。这将迫使该单元至少为广泛的图像。

我知道这是一个古老的问题，但我想我要分享的东西，不是所提到的(虽然很简单的概念..)你可以把一个 <div> 表内(在一个 <td>'s或东西)，并设置 <div> 要 min-width.该表将停止在 <div>'s宽度。我只想扔了那里的情况下有人来过这。此外，我不太确定有关如何分宽处理I.E6。但是，已经涵盖在另一个答案。

我有一些成功：

    min-width: 193px;
    width:auto !important; 
    _width: 193px;  /* IE6 hack */

根据组合的Vatos的反应和一个最高度的文章在这里: http://www.dustindiaz.com/min-height-fast-hack/

这是什么css酒店

min-width: 100px

但它并不真的在IE6如果没弄错的话

如果你不想这样做在css的方式，我想你可以添加这一属性 

nowrap="nowrap"

表中数据标记

这是一个跨浏览器的方式为设置的最小宽度和/或最低高度为：

{
width (or height): auto !important;
width (or height): 200px;
min-width (or min-height): 200px;
}

即6不明白！重要
即6看到宽/高：200像素(复盖汽车)

其他浏览器，了解民和!重要

我不是100%熟悉行为的宽度在TD要素，但是，这所有的作品很好的例如DIV标记

顺便说一句：

根据组合的Vatos的反应和一个最高度的文章在这里: http://www.dustindiaz.com/min-height-fast-hack/

这不是工作，因为为第2条，他们需要的是在正确的顺序(认为有关段)；)

IE6处理宽度为最小宽度：

td {
    min-width: 100px;
    _width: 100px;/* IE6 hack */
}

如果你想IE6处理宽度的正常浏览器，给它一个溢出：可见的；(不这里的情况)

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top