如何在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中指定表列的最小宽度>相对于列内容

你试过min-width吗?你在CSS中使用了max-width

Answer 2

修改代码如下:

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

下面是该代码的示例:

Answer 3

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

似乎有效的是给列一个显式的宽度小于最小值，比如

<td width="10">

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

我更喜欢一些更干净的东西，比如"width=minimum"，但我想如果它能工作，你还能要求什么。