如何在HTML或CSS中指定表列的最小宽度

如何在HTML或CSS中指定表列的最小宽度,html,css,html-table,Html,Css,Html Table,如何在HTML或CSS中指定表列相对于列内容的最小宽度 我试过了,但没用 .p { max-width:10px; background-color:yellow; } <table> ... <td nowrap class="p">text</td> ...<table> .p { 最大宽度:10px; 背景颜色:黄色; } ... 文本 ... 如何在HTML或CSS中指定表列相对于列内容应具有>的最小宽度 您是否改为尝试了最小宽度?您

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

我试过了,但没用

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

<table> ...
<td nowrap class="p">text</td>
...<table>
.p
{
最大宽度:10px;
背景颜色:黄色;
}
...
文本
...
如何在HTML或CSS中指定表列相对于列内容应具有>的最小宽度


您是否改为尝试了最小宽度?您在CSS中使用了最大宽度。

更改代码如下:

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

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

看起来有效的方法是给列指定一个小于最小值的显式宽度,比如说

<td width="10">

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


我更喜欢更干净的东西,比如“宽度=最小值”,但我想如果它起作用,你还能要求什么呢。

看起来最小宽度不起作用。仅使用宽度:“在CSS 2.1中,“最小宽度”和“最大宽度”对表、内联表、表单元格、表列和列组的影响未定义。”()