Intereting Posts
Остановить пользователей IE, набрав вход для загрузки файлов Динамическая сводка на основе текущей страницы с использованием Javascript / jQuery Slider FileReader JS Множественная загрузка изображения (увеличение индекса) Как установить высоты столбцов – Bootstrap 4? Webpack: загрузка изображений из html-шаблонов Изображение внутри элемента списка внутри ссылки не доступно для кликов в IE Дополнительные атрибуты в теге для передачи значений функции Фиксированная позиция, связанная с родительским контейнером Сделайте div заполнить оставшуюся ширину Предотrotation выбора нескольких переключателей в разбивке на страницы jquery Datatables Как изменить цвет текста опции windows выбора? Есть ли способ получить список всех CSS, применяемых к fragmentу или странице HTML? Смещение позиции веб-страницы внутри iframe Как отключить backspace, кроме текстового поля, используя jQuery Html Agility Pack получает все элементы по classам

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

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

HTML:

 
Overlow outside of this cell

CSS:

 .row { height:24px; overflow:visible; } .cell { overflow:visible; max-height:24px !important; } .overflow { height:24px; font-size:12px; clear:both; white-space: nowrap; line-height:16px; zoom:1; text-align:left; overflow:hidden; } то и .row { height:24px; overflow:visible; } .cell { overflow:visible; max-height:24px !important; } .overflow { height:24px; font-size:12px; clear:both; white-space: nowrap; line-height:16px; zoom:1; text-align:left; overflow:hidden; } 

Если я получу вас правильно, это может помочь:

скрипка

HTML:

 
Overlow outside of this cell

CSS:

 .row { height:24px; overflow:visible; } .cell { overflow:visible; max-height:24px !important; border: 1px solid #cccccc; width:10px; } .overflow { height:24px; font-size:12px; line-height:16px; position:absolute; }