Признак переполнения контейнера в HTML

CSS свойство overflow позволяет управлять реакцией контейнера (например, DIV) при его переполнении. В некоторых случаях бывает необходимо определить факт переполнения, чтобы выполнить какие то действия.

Переполнение контейнера наступает, когда его размеры фиксированы. Т.е. мы имеем CSS вида:

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

Аналогично можно проверить переполнение контейнера по ширине.

А ещё лучше оформить эти проверки в виде функций:

Мало букафф? Читайте есчо !

100% высоты для дочернего flex контейнера

Сентябрь 10, 2024 г.

Flex опирается на другие принципы нежели блочные контейнеры, и иной раз не понятно какими свойствами управляется дочерний контейнер во flex родителе. Рассмотрим пример, когда у нас есть flex контейнер с двумя дочерними элементами. [crayon-69e562d362d53953980411/] ...

Читать

Кеширование JSON ответа в Drupal

Июль 6, 2023 г.

У нас есть контроллер, который выдаёт json ответ. Добавим кеширование. Начнем с определения контроллера. Пусть сконфигурирован следующий mymodule.routing.yml: [crayon-69e562d362f5d408654370/] Это значит, что у нас создан класс PublicApi в ...

Читать

Скрипт слежения за изменениями в less файлах

Декабрь 2, 2018 г.

Lessc не имеет ключа 'слежения', чтобы выполнять перекомпиляцию при изменении less файлов проекта, как например это сделано у sass компилятора. Это весьма не удобно на этапе верстки шаблона из макета. Для отслеживания я установил UNIX утилиту inotify. ...

Читать

Удаление nodequeue программно

Май 28, 2021 г.

Небольшой сниппет (snippet) по удалению сущностей nodequeue из кода. Может быть полезно при миграции данных. Удобно оперировать с машинным именем нод-кью, но функция удаления требует ID, потому код обычно обретает следующие формы: [crayon-69e562d3632a6480642782/] ...

Читать
 

Комментарии к «Признак переполнения контейнера в HTML»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: