Чем отличается visibility: hidden; от displau: none;?

Question

Чем отличается visibility: hidden; от displau: none;?

J,sxysq Xtkjdtr Ученик (88), на голосовании 8 месяцев назад

Можно ли использовать любое из них свойство, чтобы скрыть что-то?

Answer 1

абаб браб Ученик (186) 9 месяцев назад

Названием

Answer 2

Кирилл Дробин Ученик (163) 9 месяцев назад

Вижебл хиден скрывает элемент . А дисплей нан полностью его убирает . Т.е если ты убирешь дисплей нан у тебя может поехать сайт . А вижибл хиден просто делает элемент не видимым. И да научись гуглить

Кирилл ДробинУченик (163) 9 месяцев назад

Хотя оба свойства применяются для одной цели, они ведут себя немного по-разному:
visibility: hidden скрывает содержимое тега, но оставляет элемент в обычном потоке страницы таким образом, что он по-прежнему занимает место
display: none полностью удаляет элемент из документа. Он не занимает места, хотя всё ещё находится в исходном HTML-коде. 1 сообщение из гугла хоть я и умею делать сайты но набудущее просто прогугли прежде чем писать

J,sxysq Xtkjdtr Ученик (88) Кирилл Дробин, теперь всё понятно, спасибо

Сергей СулимовОракул (50658) 9 месяцев назад

мне вот интересно... кого назвать идиотом - вопрошающего или ответившего? обоих/, походу!

J,sxysq Xtkjdtr Ученик (88) Сергей Сулимов, не понял, что тебе не понравилось?

Answer 3

"visibility: hidden" делает элемент невидимым, но он занимает место на странице, то есть другие элементы не поменяют своё положение. Например, элементы, которые стояли справа от него, так и останутся на том же месте.
"display: none" убирает элемент со страницы, как будто его нет вовсе. Другие элементы могут сдвинуться.

Answer 4

visibility это среднее между opacity и display. Opacity делает элемент невидимым, но с ним можно взаимодействовать. display none удаляет элемент из потока полностью. А visibility, делает элемент невидимым, с ним нельзя взаимодействовать, но место где был этот элемент остаётся, сдвига элементов не происходит