Html tags, lai pārietu uz jaunu rindiņu. Kā ietīt tekstu šūnā programmā Excel

Izkārtojot, tīmekļa pārziņiem periodiski rodas jautājums: kā teksts tiks ietīts? Vairumā gadījumu pārlūkprogramma ar šo uzdevumu tiek galā pati. Bet dažreiz šis process ir jāpārņem savā kontrolē, it īpaši, veidojot garus vārdus un frāzes, kas, nepareizi pārnesot, zaudē savu nozīmi.

vārdu aplaušanas īpašums

HTML valodā ir īpašs tags līniju atdalīšanai.
. Bet tā pārāk bieža lietošana izstrādātāju vidū tiek uzskatīta par sliktu formu un bieži norāda uz neprofesionalitāti. Kā pierādījumu iedomājieties, ka jums ir logotips un vēlaties, lai katrs burts sākas jaunā rindā:

Vārdu pārtraukumu pārbaude

Rezultāts ir apgrūtinošs un neglīts kods, no kura jebkurš izstrādātājs piedzīvos kultūršoku. Un ko darīt, ja vēlaties, lai logotips darbvirsmas versijā tiktu parādīts horizontāli, bet vertikāli, ja ekrāna platums ir mazāks par 550 pikseļiem? Tāpēc vienmēr izmantojiet kaskādes stila lapas, lai pielāgotu elementu izskatu. Turklāt ar CSS rīku palīdzību rindiņu pārtraukumi tiek veikti elegantāk. Tajā pašā laikā nav lieku marķējumu, kas tikai samazina lapu ielādes ātrumu.

Pirmais īpašums, kas jāņem vērā teksta apstrādē, ir vārdu aplaušana. Tam nepieciešamas trīs vērtības: normāla, pārtraukt visu un paturēt visu. Jums tikai jāatceras pārtraukums, lai strādātu. Normāls ir noklusējuma iestatījums, un nav jēgas to norādīt. Saglabāt visus līdzekļus, lai novērstu rindiņu pārtraukumus CSS dokumentā. Paredzēts īpaši ķīniešu, japāņu un korejiešu rakstzīmēm. Tātad, ja neveidojat emuārus nevienā no šīm valodām, šī funkcija jums nebūs nepieciešama. To neatbalsta arī pārlūkprogramma Safari un iOS mobilie tālruņi.

Lai logotipam no iepriekšējā piemēra piešķirtu jaunu rindiņu katram burtam, izmantojot CSS, jums jāievada šāds kods:

P (fonts: treknraksts 30 pikseļi Helvetica, bez serifa; platums: 25 pikseļi; vārdu aplaušana: break-all; )

Fonta platums un izmērs ir izvēlēts tā, lai vietas pietiktu tikai vienam burtam. Vārdu aplaušana ar vērtību break-all liek pārlūkprogrammai katru reizi aplauzt vārdu jaunā rindiņā. Šo īpašumu nevar saukt par neaizvietojamu. Bet tas noderēs, veidojot mazus blokus ar tekstu, piemēram, komentāru laukus.

baltās telpas īpašums

Bieža kļūda, ko pieļauj iesācēju tīmekļa izstrādātāji, ir mēģinājums rediģēt tekstu ar atstarpēm vai nospiest taustiņu Enter un pēc tam brīnīties, kāpēc viņu centieni neparādās lapā. Neatkarīgi no tā, cik reižu nospiežat taustiņu Enter, pārlūkprogramma to ignorēs. Taču ir veids, kā panākt, lai teksts tiktu rādīts tā, kā vēlaties, un ņemt vērā visas atstarpes.

CSS dokumentā rindiņu pārtraukumus, kas piešķirti ar atstarpes rekvizītu, var konfigurēt, lai ievērotu atstarpes vai nospiestu taustiņu Enter. Atstarpe ar vērtību pirmsrindas liks pārlūkprogrammai tekstā redzēt Enter.

Vārdu pārtraukumu pārbaude

Ja CSS kodā nomainīsit pirmsrindas uz iepriekšēju aplauzumu, rindiņas aplaušanā tiks iekļautas atstarpes. Un otrādi, atspējojiet jebkuru aplaušanu, iestatot atstarpes rekvizītu tekstam ar vērtību nowrap:

#wrapper p(krāsa: #FFF; polsterējums: 10px; fonts: treknraksts 16px Helvetica, bez serifa; atstarpe: nowrap; )

teksta pārpilde

Vēl viens noderīgs rīks darbam ar tekstu ir teksta pārpilde. Papildus rindas aplaušanai CSS rekvizīts ļauj izgriezt saturu, kad konteiners ir pilns. Ņem divas vērtības:

  • klips - vienkārši nogriež tekstu;
  • elipsi — pievieno elipsi.
#wrapper p(krāsa: #FFF; polsterējums: 10px; fonts: treknraksts 16px Helvetica, bez serifa; teksta pārpilde: elipsis;/*Pievienot elipsi*/ atstarpes: nowrap; /* Atspējot rindu aplaušanu */ pārpildīšanu : paslēpts;/*Paslēpt visu ārpus konteinera*/ )

Lai rekvizīts darbotos, elements ir jāiestata arī tā, lai novērstu līniju pārtraukumus un pārplūdi ar vērtību slēptās.

īsa informācija

CSS versijas

css 1 CSS 2 CSS 2.1 CSS 3

Apraksts

Atstarpes rekvizīts nosaka, kā parādīt atstarpes starp vārdiem. Normālos apstākļos tīmekļa lapā jebkurš atstarpju skaits HTML kodā tiks rādīts kā viens. Izņēmums ir tags

Šajā konteinerā ievietotais teksts tiek rādīts ar visām atstarpēm tādā veidā, kā to formatējis lietotājs.  Tātad atstarpe atdarina atzīmes darbību 
Bet atšķirībā no tā tas nemaina fontu uz monospace.

Sintakse

atstarpe: parasta | nowrap | pirms | pirmslīnija | iepriekšēja iesaiņošana | mantot

Vērtības

normāls Teksts pārlūkprogrammas logā tiek parādīts kā parasti, rindiņu pārtraukumi tiek iestatīti automātiski. nowrap Atstarpes tiek ignorētas, rindiņu pārtraukumi HTML kodā tiek ignorēti, viss teksts tiek parādīts vienā rindā; tomēr pievienojot atzīmi
aplauz tekstu jaunā rindiņā. iepriekš Tiek parādīts teksts, iekļaujot visas atstarpes un defises, kā tos HTML kodā ir pievienojis izstrādātājs. Ja rinda ir pārāk gara, lai ietilptu pārlūkprogrammas logā, tiks pievienota horizontāla ritjosla. pirmsrindas Atstarpes tekstā netiek ņemtas vērā, teksts tiek automātiski aplauzts nākamajā rindā, ja tas neietilpst norādītajā apgabalā. pre-wrap Tekstā tiek saglabātas visas atstarpes un defises, bet, ja rindas platums neietilpst norādītajā apgabalā, teksts automātiski pāriet uz nākamo rindiņu. mantot Pārmanto vecāku vērtību.

Vērtību ietekme uz tekstu ir parādīta tabulā. viens.

HTML5 CSS2.1 IE Cr Op Sa Fx

balta vieta

Piemērs

Fermā pēdējā teorēma
X n+Y n=Z n
kur n ir vesels skaitlis > 2

Šī piemēra rezultāts ir parādīts attēlā. viens.

Rīsi. 1. Atstarpes rekvizīta lietošana

Objekta modelis

document.getElementById("elementID ").style.whiteSpace

Pārlūkprogrammas

Internet Explorer līdz versijai 7.0 (ieskaitot) neatbalsta pre-line , pre-wrap un inherit vērtības. Priekš