How do I specify in HTML or CSS the absolute minimum width of a table cell概括
确保表格单元格不小于某个最小宽度的最佳方法是什么。 例子 我要确保表格中的所有单元格的宽度至少为表格容器的宽度的100像素。如果有更多可用空间,则表格单元格应填充该空间。 浏览器兼容性 我可能想找到一种适用于 的解决方案
按优先顺序。 此CSS应该足够:
但是,并非所有浏览器都始终正确遵循它(min-width属性)(例如,IE6非常不喜欢它)。 编辑:就我所知,对于IE6(及更早版本)解决方案,没有一种在所有情况下都能可靠运行的解决方案。使用nowrap HTML属性并不能真正达到预期的效果,因为这只能防止单元格中的换行,而不是指定最小宽度。 但是,如果将nowrap与常规的单元格width属性结合使用(例如,使用width:100px),则100px的作用类似于最小宽度,并且单元格仍将随着文本扩展(由于nowrap)。这是一个不太理想的解决方案,无法使用CSS完全应用,因此,如果您希望将许多表应用到该表上,那么实现起来将很繁琐。 (当然,如果您想在单元格中使用动态换行符,那么整个替代解决方案都会失败。)。 另一个技巧是旧的1x1透明像素技巧。插入一个1x1透明gif图像,并将其宽度在图像标签中设置为所需的宽度。这将迫使像元至少与图像一样宽。 我知道这是一个老问题,但我想我会分享一个未提及的内容(虽然在概念上非常简单..),您可以在表中放入一个 我在以下方面取得了一些成功:
根据Vatos的回应和此处的最低身高文章结合而成:http://www.dustindiaz.com/min-height-fast-hack/ 这是跨浏览器的方法,用于设置最小宽度和/或最小高度:
IE 6无法理解!重要 其他浏览器了解min-和!important 我不是100%熟悉TD元素的宽度行为,但这在DIV标签上都可以很好地工作 顺便说一句:
由于前两行的顺序不起作用,因此需要正确的顺序(考虑以上内容);) 此CSS属性的有关内容
但如果没有记错的话,它实际上在IE6中不起作用 如果您不想以CSS方式进行操作,我想您可以添加此属性
在表格数据标记中 IE6将宽度处理为最小宽度:
如果您希望IE6像普通浏览器一样处理宽度,请给它一个溢出:visible; (这里不是这种情况) |