Навучыцеся праграмаваць: у чым розніца паміж бачнасцю: схаванасцю і дысплеем: няма?


адказ 1:

Бачнасць Ніводнага не пакідае месца для элемента на старонцы. Ён не выдаляецца са старонкі.

ні адзін дысплей не выдаляе элемент з звычайнага патоку старонкі, так што іншыя элементы могуць быць запоўненыя. Доступ працягвае ажыццяўляцца праз DOM.

Гэта не поўнае тлумачэнне, але гэтага дастаткова, каб пачаць працаваць і працаваць.


адказ 2:

Пры выкарыстанні дысплея: няма, эфект такі ж, як калі б вы толькі што выдалілі элемент з сайта.

Браўзэр не прадстаўляе элемент ці дзіцяці, хаця ён усё яшчэ існуе. Вы можаце змяніць яго з дапамогай CSS або JavaScript.

Давайце разгледзім прыклад.

HTML:

Па-першае Другі Трэцяе

І CSS:

.box1, .box-2, .box-3 {рост: 30px; } .box-2 {дысплей: няма; }

Калі вы запусціце гэты код, вы заўважыце, што ў браўзэры адлюстроўваюцца першае і трэцяе аддзелы, робячы выгляд, што другі аддзел наогул не існуе.

Цяпер усталюйце бачнасць: схавана замест дысплея: няма.

Вы хутка заўважыце, што паміж гэтымі двума скрынкамі ёсць прабел у 30 пікселяў. Гэта азначае, што вэб-браўзэр усё яшчэ адлюстроўвае гэты элемент, але ён не бачны. Ён стаіць там, займае месца і не цалкам выдаляецца з сайта, як гэта адбываецца ў выпадку яго адлюстравання: няма