css - 最大宽度 : 0px do? 是什么

Question

发布到 answer 的 jQuery.expandingTextarea not working inside a table 涉及在表格单元格上使用 $('td').css('max-width','0px')。

如果没有这一行，此答案提供的解决方案将不起作用(至少在 Chrome 中)。

我找不到任何关于 0px 的 max-width 可能做什么的文档，尤其是对于表格单元格。它有明确的行为吗？还是这只是一种偶然导致所需行为的任​​意副作用？

虽然链接问题有答案，但我犹豫是否根据未定义或未记录的行为将其标记为正确，这些行为可能会在未来发生变化，所以我想知道更多关于为什么 max-width: 0px 有效。

干杯

Answer 1

table {
  table-layout: fixed;
}

这会将单元格宽度固定为给定的值。因此，如果您对单元格执行 width: 30%，它们将不会根据其内容调整大小，并将保持其设置的宽度。

如果只有部分单元格被赋予宽度值，则其余单元格将共享可用空间。使用此功能替代 max-width。

使用 max-width: 0px 与其说是可靠的行为，不如说是一种怪癖。

DEMO