輸入框在全寬表格中將保證金放在右邊

Question

當我嘗試將輸入框放入寬度爲100％的表格中時，它會將餘量放在右側。我只想輸入適合表而不擴大表。

http://jsfiddle.net/aKznJ/1/

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 
.fullWidth table { 
    border: 1px solid #ccc; 
    width: 100%; 
    text-align: left; 
} 
.fullWidth td, .fullWidth th{ 
    border: 1px solid #ccc; 
    padding: 3px; 
} 

Answer 1

那怎麼表工作，它會根據內容有多大是相對於其他單元格每列的寬度。 TextBox大於其他所有單元格文本，因此該列可以獲得更多的百分比。

你可以像這樣的小區添加一個固定的寬度，例如：

<td style="width:150px;"> 
    <input type="text"/> 
</td> 

Here is an example

---

或者如果你想被均勻地分佈在細胞中，可以添加比例用CSS細胞像這樣：

table tr td { 
    width: 33%; 
} 

Here is an example

但請記住，這將適用於所有的表，因此，如果不同的表有不同的列數，那麼你就需要爲每個表做不同的，例如：

table.threecolumns tr td { 
    width: 33%; 
} 

table.twocolumns tr td { 
    width: 50%; 
} 

的HTML這看起來可能像下面這樣：

<table class="threecolumns"> 
    ... 
</table> 

Here is an example

Answer 2

類添加到您的<td>在您輸入。而在CSS中指定其寬度或直接，你可以在<td>

<td class="textStyle"> 
    <input type="text"/> 
</td> 

和CSS指定

.textStyle{ 
    width:100px; 
} 

OR

<td width=100px> 
    <input type="text"/> 
</td> 

Answer 3

設定輸入寬度爲100％應該做的伎倆

input { 
    width: 100%; 
}