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

Question

我正在研究一个界面,这件事让我烦恼.

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

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

我尝试position:absolute在输入和第二方面摆弄,position:relative但Firefox也忽略了后面提到的.

我如何使其工作？

Answer 1

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

纠正这里的问题(FF 17.0.1).

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