如何防止<input>拉伸表格单元格？

<table border=1> 
 
    <tr> 
 
    <th>one</th> 
 
    </tr> 
 
    <tr> 
 
    <td>1</td> 
 
    </tr> 
 
</table>

绘制一个表格，它是比“一个”更广泛的只是一点，它的确定。

<table border=1> 
 
    <tr> 
 
    <th>one</th> 
 
    </tr> 
 
    <tr> 
 
    <td style='padding:0 0 0 0'> 
 
     <input style='width:100%' value='1'> 
 
    </td> 
 
    </tr> 
 
</table>

绘制的表，其宽度大于所需要的4倍。

请指教如何使INPUT的宽度等于未拉伸TD的100％而不分配TD本身的宽度？

来源

2015-10-27 user3565412

你能解释一下吗？ – Alex

您可以将size属性添加到您的输入中。例如：

<table border=1> 
 
    <tr> 
 
    <th>one</th> 
 
    </tr> 
 
    <tr> 
 
    <td style='padding:0 0 0 0'> 
 
     <input size='1' value='1'> 
 
    </td> 
 
    </tr> 
 
</table>

来源

2015-10-27 15:37:45 Quantastical

好的。总是很了解你的HTML。 – NaijaProgrammer

这个答案是有效的，但是如果我可以添加一点解释......看起来'size'属性的存在允许你用CSS控制''。只要它具有某个值，它的值是多少（'size =“1”'对于任何目标宽度都可以正常工作）。 – craigpatik

@craigpatik为了应用CSS'width'属性，您不需要添加'size'属性。但是，如果你这样做，CSS'width'将覆盖提供的任何“size”值。请参阅[this fiddle]（https://jsfiddle.net/rven16qf/2/）以供参考。 – Quantastical

如何防止<input>拉伸表格单元格？

回答

相关问题