2012-12-13 56 views
3

我正在使用一個接口,並且這個事情正在擾亂我。我需要將輸入元素調整爲表格單元格寬度

請參閱:http://jsfiddle.net/NUKxX/

它可以在Chrome,但不能在Firefox。 Chrome的基本思想是每列中最長的單詞將td或th延伸到合適的長度以保留空間。但在Firefox中,輸入元素似乎完全忽略了最大寬度和最小寬度。

我試着在輸入處撥打position:absolute,在Firefox上忽略後面提到的position:relative

如何讓它工作?

回答

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

更正此處的問題(FF 17.0.1)。

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

+0

謝謝,先生! –

+0

您應該考慮限制輸入[type =「text」] - 否則Chrome(儘管不是Firefox)可能會將複選框的標籤文本推送到下一行。 – user1050755