HTML Eingabe Textfeld so weit wie möglich

Question

Ich habe eine Tabelle mit einer Zeile und zwei Zellen. Ich möchte ein Eingabe-Textfeld so weit wie möglich erhalten. Wie könnte es so sein?

(  0  )Text, text, text... 

Das Hauptproblem ist, dass die Breite der Texteingabebox zu viel ist. Hier

ist der Code:

<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> 

und CSS-Code:

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

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

Answer 1

Statt Pixel, können Sie es erreichen, indem Prozentsatz der Breite verwendet wird.

Wie gibt unter

<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

Es Maximum für jede Tabelle auf 100% Breite data.Use dies auf Browser ist.

<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>