HTML入力テキストフィールドはできるだけ広い

Question

私は1つの行と2つのセルを持つテーブルを持っています。私は、できるだけ広い入力テキストフィールドを取得したいと思います。それはどうしてそんなことができますか？

(  0  )Text, text, text... 

主な問題は、テキスト入力ボックスの幅が大きすぎることです。

<table style="width:400px"> 
    <tr> 
    <td style="width:200px"> 
     (<input type="text" name="num" value="0" class="kentta" />) 
    </td> 

    <td style="width:200px"> 
     Text, text, text... 
    </td> 
    </tr> 
</table> 

とCSSコード：ここで

がコードである

.kentta { 
    width: 100%; 
    padding: 1px; 
    border: none; 

    box-sizing: content-box; 
    height: 18px; 
    vertical-align: middle; 
    text-align: center; 
    line-height: 18px; 
} 

Answer 1

代わりの画素を、あなたは幅の割合を使って、それを達成することができます。

としては、それは100％の幅のブラウザにこのdata.Use任意テーブルの最大値である

<table style="width:100%"> 
    <tr>       This will grow as large as. 
    <td style="width:80%"> <----' 
     <input type="text" name="num" value="0" style="border:none;text-align:center" /> 
    </td> 

    <td style="width:20%"> 
     Text, text, text... 
    </td> 
    </tr> 
</table> 

Answer 2

下に与えます。

<table style="width:100%"> 
<tr> 
    <td> 
    (<input type="text" name="num" value="0" style="border:none;text-align:center;width:98%;" />) 
</td> 
<td> 
    Text, text, text... 
</td> 
</tr>