输入最大宽度：100％在表中不工作

Question

我试图在表内实现响应输入宽度，但input {max-width:100%;}在表中不起作用。例如：

table { 
 
    width: 100%; 
 
} 
 

 
input { 
 
    max-width: 100%; 
 
}

<table> 
 
    <tr><td>Name</td><td><input type="text"/></td></tr> 
 
    <tr><td>Title</td><td><input type="text"/></td></tr> 
 
    <tr><td>Foo</td><td><input type="text" size="8"/></td></tr> 
 
    <tr><td>Bar</td><td><input type="text" size="200"/></td></tr> 
 
</table>

Answer 1

的最大宽度财产不百分比很好地工作。请您使用width属性来实现您在此尝试执行的操作。

刚刚尝试这个输入，它应该工作 -

width: CALC(100%); 
max-width: 80px; (or whatever you want) 

检查是否正常工作！