Sifa white-space

Sifa white-space inaweka jinsi ya kuvunja maandishi kwenye mstari mpya, na pia jinsi ya kuonyesha nafasi kati ya maneno na mivunjo ya mistari (maeneo, ambayo Enter ilibonyezwa wakati wa uandishi wa kodi).

Kiashiria

kichaguli {
	white-space: nowrap | pre | pre-line | pre-wrap | normal;
}

Thamani

Thamani	Maelezo
`nowrap`	Inakataza maandishi kuvunjika kwenye mstari mwingine, hata kama hayatoshi kwenye upana wa chombo (katika kesi hii maandishi yatatokana na mipaka yake). Hata hivyo, kuongeza kitambulisho `br` kutalazimisha maandishi kuvunjika kwenye mstari mpya.
`pre`	Maandishi yanaonyeshwa kama yalivyochapishwa kwenye kihariri wakati wa uundaji wa tovuti: kwa nafasi zote na wa-enter (ikiwa nafasi nyingi zimechapishwa kwenye kodi - kwenye skrini pia kutakuwa na nafasi nyingi). Wakati huo huo, kivinjari hakivunji maandishi kwenye mstari mpya, ikiwa hayatoshi kwenye chombo - maandishi yatatokana tu na mipaka yake. Mlinganisho wa kitambulisho pre, lakini tofauti nayo haibadili herufi kuwa ya upana sawa (kuhusu herufi ya upana sawa angalia sifa `font-family`.
`pre-wrap`	Yale yale, kama pre, tofauti ni kwamba ikiwa maandishi ni marefu sana na hayatoshi kwenye chombo - kivinjari kitayavunja kwenye mstari mwingine.
`pre-line`	Kivinjari kinazingatia tu Enter kwenye kodi ya HTML na hupuuza kila kitu kingine (nafasi nyingi zitaonekana kama moja, kivinjari huweka mwenyewe mivunjo ya mistari).
`normal`	Tabia ya kawaida: kivinjari huweka mwenyewe mivunjo ya mstari ili maneno yatoshe kwenye chombo. Nafasi nyingi kwenye kodi zitaonekana kama moja kwenye skrini.

Thamani chaguomsingi: normal.

Mfano . Thamani nowrap

Katika mfano huu maandishi hayatoshi kwenye chombo na yatatokana na mipaka yake, kwa kuwa imepewa thamani nowrap:

<div id="elem">
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire.
</div>

#elem {
	width: 200px;
	white-space: nowrap;
	border: 1px solid red;
}

Mfano . Thamani nowrap na kitambulisho br

Ikiwa utaongeza kitambulisho br - maandishi yatavunjika kwenye mstari mpya (haswa katika eneo hilo, ambalo kimo br):

<div id="elem">
	Lorem ipsum dolor sit <br> amet, consectetur adipiscing elitorire.
</div>

#elem {
	width: 200px;
	white-space: nowrap;
	border: 1px solid red;
}

Mfano . Thamani pre

Katika mfano huu maandishi yanaonyeshwa kama yalivyo, yalivyochapishwa kwenye kihariri cha kodi ya HTML (kwa vigezo vyote kwa kifuta Tab, kwa Enter na kadhalika):

<div id="elem">
	Lorem ipsum
	
		dolor sit amet, consectetur adipiscing elitorire.
</div>

#elem {
	width: 200px;
	white-space: pre;
	border: 1px solid red;
}

Mfano . Thamani pre-wrap

Sasa hivi maandishi yanaonyeshwa kama yalivyo yalivyochapishwa kwenye kihariri cha kodi ya HTML, hata hivyo, sehemu zinazotoka nje zinasukumwa kwenye mstari mpya:

<div id="elem">
	Lorem ipsum
	
		dolor sit amet, consectetur adipiscing elitorire.
</div>

#elem {
	width: 200px;
	white-space: pre-wrap;
	border: 1px solid red;
}

Angalia pia

sifa word-break na overflow-wrap,
ambazo huruhusu kusogeza herufi za neno refu kwenye mstari mpya
sifa tab-size,
ambayo inaweka ukubwa wa kizio, kilichoundwa na kifuta Tab
sifa hyphens,
ambayo inawasha mivunjo ya maneno kwa silabi
sifa overflow,
ambayo inakata sehemu zinazotoka nje ya mpaka wa kizuizi
kitambulisho pre,
ambacho kinaonyesha maandishi kama yalivyochapishwa kwenye kihariri cha kodi ya HTML