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

Question

我正在处理一个界面，这件事困扰着我。

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

它在 Chrome 中有效，但在 Firefox 中无效。 Chrome 中的基本思想是每列中最长的单词将 td 或 th 拉伸(stretch)到适当的长度以保留空间。但在 Firefox 中，输入元素似乎完全忽略了最大宽度和最小宽度。

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

如何让它发挥作用？

Answer 1

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

修正这里的问题(FF 17.0.1)。

fiddle :http://jsfiddle.net/Regisc/PcKMJ/