如何在 HTML 或 CSS 中指定表格列应具有最小宽度答案

【问题标题】：How do I specify in HTML or CSS that a table column should have the minimum width如何在 HTML 或 CSS 中指定表格列应具有最小宽度
【发布时间】：2012-08-18 01:57:17
【问题描述】：

如何在 HTML 或 CSS 中指定表格列相对于列内容应具有最小宽度。

我尝试过max-width，但不起作用

.p
{
max-width:10px;
background-color:yellow;
}

<table> ...
<td nowrap class="p">text</td>
...<table>

【问题讨论】：

标签： html css html-table

【解决方案1】：

如何在 HTML 或 CSS 中指定表格列应具有 >相对于列内容的最小宽度。

您是否尝试过 min-width？你在 CSS 中使用了 max-width。

【讨论】：

看起来 min-width 不起作用。只需使用宽度：“在 CSS 2.1 中，'min-width' 和 'max-width' 对表格、内联表格、表格单元格、表格列和列组的影响是未定义的。” (w3.org/TR/CSS21/visudet.html#min-max-widths)

【解决方案2】：

修改代码如下：

.p{
    display: inline-block;
    ...
}

Here's an example of that code in action.

【讨论】：

【解决方案3】：

我知道你发布这个问题已经有一段时间了，但我自己也遇到了同样的问题。

似乎可行的是为列提供小于最小值的显式宽度，例如

<td width="10">

浏览器尝试使用这个宽度，发现它小于最小宽度，所以用最小宽度覆盖它。这是记录在案的行为，它在 IE、Firefox 和 Chrome 中对我有用。

我更喜欢更简洁的东西，比如“width=minimum”，但我想如果它有效，你还能要求什么。

【讨论】：