Maandishi ya CSS3 Inajumuisha sifa za maandishi ili kusaidia kutatua matatizo ya kufunga maandishi na kupunguza maandishi ndani ya maudhui.

Sifa za CSS3 za umbizo la maandishi

1. Kupunguza mstari wa kufurika maandishi

Kipengele hiki hukuruhusu kuweka kikomo cha urefu wa maandishi wakati hauingii ndani ya chombo, ukiikata kwa macho au kuionyesha kwa duaradufu. Mali hufanya kazi tu ikiwa hali zifuatazo zimeainishwa: upana wa chombo lazima ufafanuliwe, kipengele lazima kiwe na maadili ya kufurika: siri na nyeupe-nafasi: nowrap . Sio kurithi.

Sintaksia

P (upana: 300px; kufurika: siri; nafasi nyeupe: nowrap; kufurika kwa maandishi: ellipsis; ) Mtini. 1. Punguza maandishi kwa kutumia kipengele cha kufurika maandishi

2. Hyphenation ndani ya maneno kuvunja neno

Katika hali ya kawaida, maneno huunganishwa kwa mstari mwingine ambapo kuna nafasi au hyphens ("hyphen laini"), au katika kesi ya ulaji wa kulazimishwa kwa kutumia kipengele.
. Mali hii inakuwezesha kuweka sheria za hyphenation ndani ya maneno ili mistari ndefu ijaze kabisa nafasi ndani ya chombo. Haitumiki kwa lugha za CJK (Kichina-Kijapani-Kikorea). Kurithi.

Sintaksia

P (neno-break: normal;) p (neno-break: break-all;) p (neno-break: keep-yote;)

3. Funga maneno katika mstari wa kufunga neno

Inatumika katika hali ambapo maandishi hayaingii ndani ya chombo chake na huenda zaidi ya mpaka wake. Hukuruhusu kuvunja maneno marefu na kuyasogeza kwenye mstari unaofuata. Kurithi. Huwasha tu ikiwa thamani ya nafasi nyeupe inaruhusu kukatika kwa mstari.

Hello kila mtu na tuanze. Wacha tuseme tunayo maandishi yafuatayo:

Serikali ya Falme za Kiarabu na utawala wanazingatia katika jiji hili teknolojia zote mpya zaidi kulingana na mafanikio ya hivi karibuni ya sayansi na teknolojia, kujaribu kuugeuza kuwa mji wa siku zijazo, kana kwamba moja kwa moja kutoka kwa skrini ya hadithi za kisayansi. filamu. Teknolojia hizi ni pamoja na askari wa roboti, magari ya roboti na mfumo wa usafiri wa Hyperloop, na katika siku za usoni, huduma ya teksi ya kuruka otomatiki itaanza kufanya kazi huko Dubai. Na katika maandalizi ya hafla hii, ndege ya umeme ya viti viwili ya Volocopter na rotor 18, ambayo itatumika kama teksi, ilifanya safari yake ya kwanza kwa hali ya kiotomatiki, wanaandika ...

Hapa tunayo maandishi ambayo sasa tutaanza kufanya kazi nayo.

Na mali ya kwanza ambayo tutazingatia inaitwa kuvunja neno

kuvunja maneno: kawaida | weka-yote | kuvunja-yote

Tunavutiwa sana na maadili mawili ya mali hii ya kawaida - dhamana ya chaguo-msingi na kuvunja-yote, kwa msaada wa ambayo tunathibitisha kuwa ufungaji wa maneno unafanywa tabia kwa tabia. Kuhusu kuweka-yote, thamani hii inatumika kufunga maneno katika Kichina, Kijapani na Kikorea.

P( neno-kivunja: kuvunja-yote;. )

Tafadhali kumbuka kuwa baada ya kutumia mtindo huu, maandishi yetu yote yanaenea kwa upana kamili unaopatikana na hyphens hufanywa si kwa maneno, lakini kwa wahusika. Mali hii inaweza kuwa muhimu wakati tuna neno refu sana ambalo haliingii katika upana uliowekwa. Hata hivyo, hii inajenga aina ya usumbufu, kwa kuwa kabisa maneno yote yanahamishwa tabia kwa tabia, hata yale ambayo yanafaa katika upana uliopewa.

Kwa bahati nzuri, kuna mali kama hiyo ambayo huhamisha maneno tu ambayo hayafai kwa herufi. Inaitwa kufurika-wrap:

P( kufurika-kufunga: neno la kuvunja; )

na baada ya kutumia thamani ya neno-katika, maandishi yetu yote huhamishwa neno kwa neno, na maneno ambayo hayalingani na upana uliobainishwa huhamishwa herufi kwa herufi. Tunaweza kusema kazi imekamilika! Kwa kuongeza thamani ya neno la kuvunja, mali hii inakubali:

kufurika- wrapping: kawaida | neno la kuvunja | kurithi;

Sasa hebu tuendelee kwenye kipengele cha hali ya juu zaidi cha css kwa ufungaji wa maneno katika maandishi.

Hebu tuchunguze mali ya nafasi nyeupe, ambayo tunaweza kuiga uendeshaji wa lebo ya awali bila kubadilisha maandishi yenyewe kwa monospace.

nafasi nyeupe: kawaida | sasa | kabla | mstari wa awali | kufunga kabla | kurithi

Kimsingi, kwa kutumia mali hii, tunafanya kazi tu na nafasi katika maandishi. Kwa mfano, ikiwa tutatumia mtindo ufuatao kwa maandishi yetu:

Nafasi nyeupe: nowrap;

mapumziko yote ya mstari yatapuuzwa na maandishi yetu yataonyeshwa kama mstari mmoja.

Nyeupe-nafasi: kabla;

Ikiwa thamani ni ya awali, mapumziko yote ya mstari yatakuwa sawa na yale yaliyo katika msimbo wa chanzo. Zaidi ya hayo, ikiwa maandishi hayaingii ndani ya upana maalum, basi haitahamishwa. Ikiwa tunataka ihamishwe, basi tunahitaji kutaja thamani ya mstari wa awali.

Ikiwa tunataka kuzingatia sio tu mapumziko ya mstari wa msimbo wa chanzo, lakini pia nafasi kati ya maneno, basi tunahitaji kubainisha:

Nyeupe-nafasi: kabla ya kufuta;

Hiyo ndiyo yote nilitaka kukuambia juu ya upatanisho wa maneno kwa kutumia CSS. Natumaini makala hii ilikuwa na manufaa kwako na utatumia ujuzi uliopatikana zaidi ya mara moja.

Naam, nakuaga. Nakutakia mafanikio na bahati nzuri! Kwaheri!

Aprili 10, 2016

Salaam wote). Ninaendelea kuandika kuhusu mali mbalimbali muhimu za lugha ya CSS, ambayo kwa njia moja au nyingine inaweza kusaidia kwa mpangilio. Na leo nataka kukuambia jinsi ya kufunga maneno katika CSS ikiwa haifai kwenye chombo chao. Nitakuonyesha kila kitu kwa mfano halisi.

Washa unyambulishaji kwa maneno ambayo hayafai

Wacha tuseme nina kizuizi cha saizi 100 kwa upana na ninahitaji kuandika maandishi ndani yake. Kuna neno katika maandishi "kujichimba mwenyewe". Hivi ndivyo kumbukumbu hufanyika, kwa mfano) Lakini hiyo sio hoja. Neno hilo ni refu sana, halitaendana na upana wa chombo. Wacha tuandike kwa safu nyembamba (pikseli 100). Nini kitatokea?

Kama unavyoona, neno maskini limetoka kwenye chombo, vizuri, halina pa kwenda, unaweza kufanya nini. Na hii ni bila indentation. Kwa hivyo, hapa ndipo mali ya kufunika neno inakuja kuwaokoa. Hivi ndivyo unahitaji kuweka kwenye kizuizi ili kuwezesha uwekaji wa maneno ndani yake:

Neno-funga: neno la kuvunja;

Na kuifanya iwe ya kushawishi zaidi, unaweza pia kuongeza usafi wa ndani. Kwa hiyo, baada ya kutumia mali, tunaona kwamba maneno ambayo ni ya muda mrefu sana yatahamishwa barua kwa barua hadi mstari mwingine. Kwa kuongezea, hata ikiwa safu ya pili haitoshi kwa neno, iliyobaki itahamishiwa kwa ya tatu, nk.

Ningependa kutambua kwamba mali inaweza kutumika bila hofu. Kwanza, inafanya kazi vizuri katika vivinjari leo. Pili, inafanya kazi kwa busara. Yaani, kwa maneno yote ya kawaida hakutakuwa na hyphens; maneno yote yatahamishiwa kwenye mstari unaofuata, kwa hivyo usomaji hautaathiriwa. Unaweza kuiona kwenye picha ya skrini hii.

Wakati wa kutumia neno- wrapping

Kwa kweli, hadi sasa naona kesi 2 za utumiaji. Ya kwanza ni kwa vizuizi nyembamba, ambapo unaogopa kuwa maneno marefu yanaweza kushikamana nje ya mipaka ya kizuizi. Ya pili ni wakati mbuni alikusudia kichwa cha tovuti kiwe katika mistari kadhaa.

Kwa hivyo, katika nakala hii tulijifunza jinsi ya kufanya ufungaji wa maneno katika css. Hiyo yote ni kwangu leo. Baadaye.

Mara nyingi kuna haja ya kuongeza aya mpya, lakini bila mstari tupu ambao lebo ya aya inaingiza

Kwa baadhi ya vipande vya maandishi, nafasi ya kawaida ya aya haifai. Hizi zinaweza kuwa maandishi chini ya picha na katika majedwali, mashairi, nukuu, maelezo ya chini na maelezo.

Ili kulazimisha mapumziko ya mstari, tepe maalum hutolewa, kazi ambayo iko kwa jina lake br (safu ya kuvunja - "vunja safu, mstari"). Lebo
Lugha ya Alama ya HyperText (HTML) inamaanisha kuwa maudhui yote yanayoifuata lazima yaanze kwenye mstari mpya. Ikiwa ni lazima, unaweza kuongeza vitambulisho kadhaa mfululizo ili kufikia nafasi inayohitajika.

Lebo
Sio nyeti na haihitaji lebo ya kufunga kwa sababu ni kipengele tupu, lakini ni bora kuzoea kufunga vitambulisho vyote. Katika XHTML, lebo ya mapumziko lazima "ifungwe" kwa kurudi nyuma.

Mfano wa kutumia lebo ya mapumziko