способы свернуть контейнер, не вызывая сдвига макета в случае ошибки / отсутствия заполнения

Question

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

Answer 1

Невозможно удалить / скрыть div после его рендеринга, не вызывая CLS. Вот как это работает. Вам нужно будет проверить наличие ошибки / отсутствия заливки, прежде чем она будет отображена, чтобы не было CLS.

Лучший подход :

Для этого сценария нет лучшего подхода CSS, поскольку CSS не является динамическим. Но что вы можете сделать, это когда есть ошибка / нет заполнения, попробуйте добавить класс, например --hideв ваш HTML-элемент. А затем напишите свой CSS для этого класса с помощью visibility:collapse или же display:none.