В чем разница между visibility:collapse
и display:none
?
-
stackoverflow.com/questions/3695813– andreymal20 июл 2020 в 8:32
-
там на английском, не владею– sergei2210rakipov20 июл 2020 в 9:20
-
Примите ответ, если он вам помог — галочка слева от ответа.– USERNAME GOES HERE20 июл 2020 в 10:25
2 ответа
TL;DR
Первый используется, чтобы полностью скрыть элементы таблицы. Последний используется, чтобы полностью скрыть все остальное.
visibility: collapse
полностью скрывает элемент (чтобы он не занимал никакого пространства в макете), но только когда элемент является элементом таблицы.
Если используется для элементов, отличных от элементов таблицы, visibility: collapse
будет действовать как visibility: hidden
. Это делает элемент невидимым, но он все равно будет занимать место в макете.
display: none
полностью скрывает элемент, поэтому он не занимает места в макете, но его не следует использовать в элементах таблицы.
Если visibility:collapse
применяется не к строкам или колонкам таблицы, то результат его использования будет таким же, как visibility:hidden
. В случае использования visibility:collapse
для содержимого ячеек таблиц, то они реагируют, словно к ним было добавлено display: none
. Иными словами, заданные строки и колонки убираются, а таблица перестраивается по новой. Это значение не поддерживается браузером Internet Explorer.