HTML表單填寫所有

Question

我在標籤呈現形式的表與標籤標籤中（左）和文本輸入的可用空間（標籤的右側）。 對於靈活性的緣故，我想盡可能少的CSS寫越好，擁有一切奇蹟般地落入地方，使得：

1. 細胞擴展，以適應最長的標籤
2. 的寬度右邊領域擴展以填充細胞

我已經對這些各種元素，但無濟於事努力的width:100%和width:auto各種組合的整個寬度。這樣做是可能的，還是應該放棄並指定像width:Npx這樣的硬寬度？

Answer 1

不知道你的代碼是什麼樣子（如果你發佈，答案是好多了...）。

總之：如果沒有指定寬度細胞自然會擴大到最長元素的寬度，但你不能有元素的同時擴展到單元格的寬度！這會使寬度的計算變得不可能。所以我建議以某種方式修復內容。輸入字段看起來很棒時，他們都是一樣的長度...

Answer 2

你有兩個選擇，據我很擔心。您可以使用表格實現解決方案，使您可以爲標籤添加流體長度，或者將其設置爲固定寬度並使用無表格標記。我個人認爲沒有令人信服的理由選擇其中一種解決方案，儘管一些網絡開發人員幾乎可以做任何事情來避免在其標記中使用<table>元素。

話雖這麼說，這個解決方案是很容易的，如果你正在使用的表：http://jsfiddle.net/Wexcode/VcSXU/

td:first-child { 
    white-space: nowrap; /* don't allow text to wrap to the next line */ 
}