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

Question

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

我已尝试过max-width但无效

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

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

Answer 1

  

如何在HTML或CSS中指定表格列的最小宽度应为＆gt;相对于列内容。

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

Answer 2

按如下方式更改代码：

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

Here's an example of that code in action.

Answer 3

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

似乎有用的是为列提供一个小于最小值的显式宽度，比如说

<td width="10">

浏览器尝试使用此宽度，发现它小于最小宽度，因此用最小宽度覆盖它。这是记录在案的行为，它适用于IE，Firefox和Chrome。

我更喜欢更干净的东西，比如“宽度=最小”，但我想如果它有效，你还可以要求它。