Как указать в 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, что столбец таблицы должен иметь минимальную ширину по отношению к содержимому столбца.

Вы пробовали минимальная ширина вместо этого? вы использовали max-width в вашем CSS.

Answer 2

Измените код следующим образом:

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

Вот пример этого кода в действии.

Answer 3

Я вижу, что прошло много времени с тех пор, как вы опубликовали этот вопрос, но я сам столкнулся с той же проблемой.

То, что работает, - это дать столбцу явную ширину, которая меньше минимальной, напримерsay

<td width="10">

Браузер пытается использовать эту ширину, обнаруживает, что она меньше минимальной ширины, и переопределяет ее с минимальной шириной.Это задокументированное поведение, и оно работало для меня в IE, Firefox и Chrome.

Я бы предпочел что-то более чистое, например, "ширина = минимум", но я думаю, если это сработает, что еще вы можете попросить.