Научете се да използвате празно пространство в CSS
CSS има много полезен параметър, наречен бяло пространство и вероятно ще остане незабелязано сред начинаещите. Може би известно време ще можете да живеете без този параметър, но щом научите как да го използвате, ще разберете колко полезен и удобен е този параметър, че ще го използвате във всеки проект.
В тази статия ще се опитаме да ви кажем как можете да използвате параметъра бяло пространство, и какви значения има. Ще се опитаме да стоим настрана от конкретен жаргон, но предварително ви предупреждаваме, че този параметър е много трудно да се обясни с прости думи.
Неща, които трябва да знаете за HTML
В (X) HTML, всеки път, когато трябва да обедините празни пространства в кода си, стандартната изходна страница обединява всички тези пространства в едно пространство. Това е много удобно, тъй като ни позволява правилно да отменим и разделим елементи в нашия (X) HTML по ясен начин. Тези. без излишни интервали и прекъсвания на редове.
Ако искате всички интервали и нови редове да се появят естествено, тогава можете да използвате най-добрия приятел на параметъра white-space, тагът „pre“. Цялото немаркирано съдържание, включено в предварителния маркер, ще бъде представено идентично на съдържанието, включено в други тагове. Може дори да накара един ред да разшири границите на родителя, ако оформлението не включва опции за прекъсване на реда. И така, тъй като HTML стандартът игнорира множество интервали и нови редове, можете да ги замените с тага „pre“.
Параметърът за празно пространство е по-ясно CSS решение по отношение на горните (X) HTML методи.
Определение и възможни значения
Чрез няколко възможни стойности параметърът за празно пространство чрез CSS ни позволява да определим как браузърът ще изобразява множество интервали и нови редове. Разбира се, частта от документа, която искате да дефинирате, е ограничена до това, което можете да определите с CSS селектори.
Има няколко различни стойности за параметъра за празно пространство. Можете да се запознаете визуално с това как работи всяка от стойностите:
Това е стойността по подразбиране. Ако е посочено, тогава в резултат ще видим същото, което се случва, когато не използваме маркерите „pre“. Често тази стойност се използва само когато някоя друга стойност вече е посочена и трябва да върнете дисплея обратно към стандарта, т.е. до стойността "нормално".
Това е най-честата стойност, използвана с параметъра white-space, тъй като прави същото като нормалното, но не поема обработката на нови редове. Освен това дори естествените преходи на линии няма да бъдат показани, тъй като ограниченията ще бъдат деактивирани.