Заставьте клетку оставаться шириной 10%

Question

У меня есть ячейка шириной 10% с парой слов в ней.Когда вы уменьшаете размер окна, размер продолжает уменьшаться до тех пор, пока не будет соответствовать длине текста внутри, а затем перестает уменьшаться.Я хочу, чтобы он оставался ровно на 10%.Как мне это сделать?

Извините, работа с divs не возможна.

Answer 1

Похоже, что вы действительно хотите установить ширину. Если вы говорите, что таблица должна быть 300px, вы можете указать, что ячейка всегда 30px. Относительная шкала является причиной проблемы.

table.myClass{
    width: 300px;
}

table.myClass td.myOtherClass{
    width: 10%;
}

Answer 2

Это может помочь:

#your_table {
  table-layout: fixed;
}

Таблицы могут (должны, поскольку браузер должен это реализовывать) иметь два типа макетов:

1. table-layout: fixed: это «тупой» макет таблицы. Таблица не заботится о ее содержимом и просто небрежно изменяет размер.
2. table-layout: auto: это «умный» макет таблицы. Таблица заботится о о своем содержимом и прекращает изменение размеров ячеек после достижения минимальной ширины и высоты ячейки. Это поведение таблицы по умолчанию.

Спасибо, W3C: http://www.w3.org/TR/CSS2/tables.html#propdef-table-layout