Блог

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

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

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

 #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

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

 table.myClass{
    width: 300px;
}

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