css - max-width: 0px 有什么作用？

Question

发布到jQuery.expandingTextarea的答案在表格中不起作用涉及在表格单元格上使用$('td').css('max-width','0px').

没有这条线，这个答案提供的解决方案不起作用（至少在 Chrome 中）。

我找不到任何关于可能做什么max-width的文档0px，特别是对于表格单元格。它有定义的行为吗？或者这只是偶然导致所需行为的任​​意副作用？

尽管有链接问题的答案，但我不愿根据将来可能会改变的未定义或未记录的行为将其标记为正确，因此我想更多地了解为什么max-width: 0px有效。

干杯

Answer 1

table {
  table-layout: fixed;
}

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

如果只给某些单元格width赋值，则其余单元格将共享可用空间。使用此功能替代max-width.

使用max-width: 0px更多的是一个怪癖而不是可靠的行为。

演示