Когда использовать видимость: скрыто против отображения: нет - PullRequest
0 голосов
/ 18 декабря 2018

Я понимаю, что использование visibility:hidden сохраняет пространство на странице, а display:none, однако, когда имеет смысл "сохранять" пространство?Это может оставить неудобную пустую область / зияющую дыру на странице.

1 Ответ

0 голосов
/ 18 декабря 2018

Отображение: отсутствует - Динамические страницы / разделы: обычно используют это для больших динамических областей на странице, чтобы не оставлять неловкую пустую область, из-за которой страница выглядит плохо.При отображении он будет перемещать другие части страницы и отображать себя на той странице, где он был создан, изменяя положение и поток окружающих элементов страницы по мере необходимости / предназначаясь.

Видимость: скрыто - Статические страницы / разделы: используйте это для меньших кусков, когда перемещение окружающих элементов, когда этот кусочек становится видимым, нежелательно , то есть: отображение / скрытие значка на страницераздел.Использование display: никто не может / не может заставить себя войти в раздел страницы и переместить окружающие его элементы, чтобы освободить место для себя, что приведет к перемещению на странице.Использование видимости: скрытый в этом случае будет скрывать / показывать элемент «значок» без какого-либо перемещения остальных элементов окружающей страницы, так как это пространство было «сохранено / зарезервировано» для него, поэтому он просто «включает / выключает»"без каких-либо видимых движений.

Так как это использование находится на небольшом фрагменте «статического» раздела страницы, оставшегося там, пустое «отверстие» на странице из-за «сохраненного / зарезервированного» пространства не заметно, когда страница скрыта.«макет» не зависит от небольшого «сохраненного / зарезервированного» пространства для значка.Это всего лишь маленький кусочек в большей статической области.

Надеюсь, это поможет решить, когда и где использовать эти два, казалось бы, похожих атрибута.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...