html - 尝试使用 min-width 给第一个元素一个宽度

Question

我有this表格，我想给第二个元素一个宽度，但它不起作用..

 <th style="min-width: 50px">
    Date from                                    
 </th>

有什么帮助吗？

Answer 1

第二列(以及第三列)包含 input 元素，浏览器会根据需要使该列变宽。您可以通过 and 在 table 元素上使用 table-layout: fixed 显式设置列宽来防止这种情况，但这往往会导致严重的问题, 并且单元格内容将溢出或必须被截断。

所以最好的方法是设置input type=text元素的宽度，给它们添加属性size=10。为了使尺寸更精确，考虑在 CSS 中为这些元素设置 font-family: Consolas, monospace。然后您将不需要为列设置任何明确的宽度。