← Все вопросы
Как полностью спрятать элемент на странице? display: none
4
Нужно убрать блок со страницы (например, чтобы потом показать его по нажатию). Какое свойство полностью скрывает элемент, чтобы его вообще не было видно?
2 ответа
8
✓ Принятый ответ — помог автору
Полностью убрать элемент — display: none:
.hidden {
display: none;
}
Элемент исчезает совсем: его не видно и он не занимает места — соседние блоки сдвигаются на его место, как будто его нет в HTML.
Позже его можно показать обратно, убрав класс или задав display: block (через JavaScript при клике, например).
4
Не путай с visibility: hidden — оно делает элемент невидимым, но место он занимает (остаётся «дырка»). И с opacity: 0 — элемент прозрачный, но всё ещё кликабельный и занимает место. Для «убрать совсем» нужен именно display: none.
Ваш ответ
Войдите, чтобы ответить на вопрос.