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

时间:2012-12-19 12:11:29

标签: html css

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

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

任何帮助?

2 个答案:

答案 0 :(得分:2)

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

因此,最好的方法是设置input type=text元素的宽度,并为其添加属性size=10。要使大小更精确,请考虑在CSS中为这些元素设置font-family: Consolas, monospace。然后,您不需要为该列显示任何明确的宽度设置。

答案 1 :(得分:0)

你也可以在TD-Element中放置一个DIV容器,并将最小宽度设置为DIV。那么你不需要表格布局:固定。 table-layout:fixed需要将宽度和高度设置为几乎每个表中的现有TD。那不是很漂亮......