輸入最大寬度：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) 

檢查是否正常工作！