Html 尝试使用最小宽度为th元素指定宽度
我有一个表,我想给第二个元素一个宽度,但它不起作用Html 尝试使用最小宽度为th元素指定宽度,html,css,Html,Css,我有一个表,我想给第二个元素一个宽度,但它不起作用 <th style="min-width: 50px"> Date from </th> 从 有任何帮助吗?第二列(以及第三列)包含输入元素,浏览器根据需要使该列尽可能宽。您可以通过显式设置列宽并在table元素上使用table layout:fixed来防止这种情况,但这往往会导致严重的问题,并且单元格内容可能会溢出或必须被截断
<th style="min-width: 50px">
Date from
</th>
从
有任何帮助吗?第二列(以及第三列)包含输入元素,浏览器根据需要使该列尽可能宽。您可以通过显式设置列宽并在table
元素上使用table layout:fixed
来防止这种情况,但这往往会导致严重的问题,并且单元格内容可能会溢出或必须被截断
因此,最好的方法是设置input type=text
元素的宽度,将属性size=10
添加到元素中。为了使大小更精确,考虑在这些元素中设置<代码>字体系列:CONSOLAS,单空间在CSS中。这样就不需要为列设置任何显式的宽度。还可以在TD元素中放置一个DIV容器,并将最小宽度设置为DIV。这样就不需要表布局:固定。表布局:fixed需要设置表中几乎所有现有TD的宽度和高度。这不太漂亮…你说它不工作是什么意思?您的JSFIDLE没有最小宽度
,但是宽度
。但这是因为th
的宽度自然大于50px,换成250px,你就会看到它changes@Andy也许我没有解释清楚。我只想做一个更窄的柱子。为了得到它,我在修改柱头宽度时考虑过。我的JSFIDLE现在有50px(很抱歉,我更改了一段时间)。。。。。。。。。。。。。。