css - 我需要使输入元素调整为表格单元格宽度

Question

我正在开发一个界面，这件事困扰着我。

请参阅：http: //jsfiddle.net/NUKxX/

它适用于 Chrome，但不适用于 Firefox。Chrome 的基本思想是每列中最长的单词将 td 或 th 拉伸到适当的长度以节省空间。但在 Firefox 中，输入元素似乎完全忽略了最大宽度和最小宽度。

position:absolute我尝试在输入和th 上摆弄，position:relative但 Firefox 也忽略了后者。

我如何使它工作？

Answer 1

th input {
    min-width: 10px;
    max-width: 100%;
    width: 100%;
}

在此处更正问题 (FF 17.0.1)。

小提琴：http: //jsfiddle.net/Regisc/PcKMJ/