0

В чем разница между visibility:collapse и display:none?

3

2 ответа 2

1

TL;DR

Первый используется, чтобы полностью скрыть элементы таблицы. Последний используется, чтобы полностью скрыть все остальное.


visibility: collapse полностью скрывает элемент (чтобы он не занимал никакого пространства в макете), но только когда элемент является элементом таблицы.

Если используется для элементов, отличных от элементов таблицы, visibility: collapse будет действовать как visibility: hidden. Это делает элемент невидимым, но он все равно будет занимать место в макете.

display: none полностью скрывает элемент, поэтому он не занимает места в макете, но его не следует использовать в элементах таблицы.

W3C Reference


source

0

Если visibility:collapse применяется не к строкам или колонкам таблицы, то результат его использования будет таким же, как visibility:hidden. В случае использования visibility:collapse для содержимого ячеек таблиц, то они реагируют, словно к ним было добавлено display: none. Иными словами, заданные строки и колонки убираются, а таблица перестраивается по новой. Это значение не поддерживается браузером Internet Explorer.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.