Как остановить изменение размера таблицы при увеличении содержимого?

Question

У меня есть table, клетки которого заполнены картинками.Мне бы хотелось, чтобы картинки увеличивались при наведении на них, и я хотел бы, чтобы ячейки таблицы оставались одинакового размера

Изменение стиля img на position:relative не работает.Изменение его на position:absolute работает, но я не знаю абсолютного положения изображений.

Есть ли элегантное решение этой проблемы с помощью CSS?Я бы предпочел не использовать JavaScript.

Answer 1

Используйте style="table-layout:fixed;", но при этом текст или изображения будут перекрываться с другими столбцами в случае, если он превышает ширину.Убедитесь, что длинные текстовые фразы не ставятся без пробелов.

Answer 2

Используйте table-layout: fixed для вашей таблицы и некоторую фиксированную ширину для самой таблицы и / или ее ячеек.

Answer 3

Используйте минимальную ширину в своих ячейках, посмотрите пример здесь

.cell1{
display:table-cell;
width:100px;
min-width:100px;
border: 2px dashed #40f;    
}

http://jsfiddle.net/Gueorguip13/avzuadhp/3/

Answer 4

Вы можете сделать, чтобы вы могли использовать положение, Z-индекс, слева, сверху.

вы должны посмотреть на это,

http://jsfiddle.net/wWTfs/

Answer 5

Добавить vertical-align:top к элементам td.