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

Question

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

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

有什么帮助吗？

Answer 1

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

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

Answer 2

you also can place a DIV-container in the TD-Element and set the min-width to the DIV. then you don't need table-layout:fixed. table-layout:fixed needs to set width and height to nearly every existing TD in the table. That's not very pretty...