Išdėstydami žiniatinklio valdytojams periodiškai kyla klausimas: kaip bus suvyniotas tekstas? Daugeliu atvejų naršyklė pati susidoroja su šia užduotimi. Tačiau kartais šį procesą tenka suvaldyti, ypač formuojant ilgus žodžius ir frazes, kurios, perkeltos neteisingai, praranda prasmę.
žodžių vyniojimo savybė
HTML yra speciali žyma, skirta atskirti eilutes.
. Tačiau per dažnas jo naudojimas kūrėjams laikomas bloga forma ir dažnai rodo neprofesionalumą. Kaip įrodymą įsivaizduokite, kad turite logotipą ir norite, kad kiekviena raidė prasidėtų nauja eilute:
Rezultatas yra sudėtingas ir bjaurus kodas, nuo kurio bet kuris kūrėjas patirs kultūrinį šoką. O ką daryti, jei norite, kad darbalaukio versijoje logotipas būtų rodomas horizontaliai, bet vertikaliai, jei ekrano plotis mažesnis nei 550 pikselių? Todėl visada naudokite pakopinio stiliaus lapus, kad pritaikytumėte elementų išvaizdą. Be to, naudojant CSS įrankius, eilučių pertraukos atliekamos elegantiškiau. Tuo pačiu metu nėra perteklinio žymėjimo, kuris tik sumažina puslapių įkėlimo greitį.
Pirmoji ypatybė, į kurią reikia atkreipti dėmesį apdorojant tekstą, yra žodžių vyniojimas. Tam reikalingos trys reikšmės: normalus, break-all ir keep-all. Jums tereikia atsiminti, kad norint dirbti, reikia pertraukos. Normalus yra numatytasis ir nėra prasmės jo nurodyti. Išsaugoti visas priemones, kad CSS dokumente būtų išvengta eilučių lūžių. Sukurta specialiai kinų, japonų ir korėjiečių rašmenims. Taigi, jei neketinate rašyti tinklaraščio nė viena iš tų kalbų, šios funkcijos jums nereikės. Jo taip pat nepalaiko „Safari“ naršyklė ir „iOS“ mobilieji telefonai.
Norėdami priskirti naują eilutę kiekvienai raidei logotipui iš ankstesnio pavyzdžio naudodami CSS, turite parašyti šį kodą:
P(šriftas: paryškintas 30 piks. Helvetica, sans-serif; plotis: 25 piks.; perversmas: break-all; )
Šrifto plotis ir dydis parenkamas taip, kad vietos užtektų tik vienai raidei. Žodžių vyniojimas su reikšme break-all nurodo naršyklei kiekvieną kartą įterpti žodį į naują eilutę. Ši savybė negali būti vadinama nepakeičiama. Bet tai bus naudinga kuriant mažus blokelius su tekstu, pavyzdžiui, komentarų laukus.
baltos erdvės nuosavybė
Dažna pradedančiųjų žiniatinklio kūrėjų klaida yra bandymas redaguoti tekstą su tarpais arba paspausti Enter klavišą, o paskui stebisi, kodėl jų pastangos nepasirodo puslapyje. Nesvarbu, kiek kartų paspausite „Enter“, naršyklė to nepaisys. Tačiau yra būdas padaryti, kad tekstas būtų rodomas taip, kaip norite, ir atsižvelgti į visus tarpus.
CSS dokumente eilučių lūžiai, priskirti tarpo ypatybei, gali būti sukonfigūruoti taip, kad būtų laikomasi tarpų arba paspaudus klavišą Enter. Paspaudus tarpą su pradinės eilutės reikšme, naršyklė tekste matys Enter.
Jei CSS kode pradinę eilutę pakeisite į išankstinę eilutę, eilutės apvyniojime bus tarpų. Ir atvirkščiai, išjunkite bet kokį įvyniojimą, nustatydami tarpo ypatybę tekstui, kurio reikšmė yra nowrap:
#wrapper p (spalva: #FFF; užpildymas: 10 piks.; šriftas: paryškintas 16 piks. Helvetica, be serifo; tarpas: be įvyniojimo; )
teksto perpildymas
Kitas naudingas įrankis dirbant su tekstu yra teksto perpildymas. Be eilučių apvyniojimo, CSS ypatybė leidžia apkarpyti turinį, kai konteineris pilnas. Turi dvi vertes:
- klipas – tiesiog nupjauna tekstą;
- elipsė – prideda elipsę.
Kad ypatybė veiktų, elementas taip pat turi būti nustatytas taip, kad būtų išvengta linijos lūžių ir perpildymo, kai reikšmė yra paslėpta.
trumpa informacija
CSS versijos
css 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
apibūdinimas
Balto tarpo ypatybė nustato, kaip rodyti tarpus tarp žodžių. Įprastomis aplinkybėmis bet koks tarpų skaičius HTML kode tinklalapyje bus rodomas kaip vienas. Išimtis yra žyma
Į šį konteinerį įdėtas tekstas rodomas su visais tarpais taip, kaip jį suformatavo vartotojas. Taigi tarpas imituoja žymos veikimąTačiau skirtingai nei jis, jis nekeičia šrifto į monospace.Sintaksė
tarpas: normalus | nowrap | prieš | išankstinė eilutė | išankstinis įvyniojimas | paveldėti
Vertybės
normalus Tekstas naršyklės lange rodomas kaip įprasta, eilučių lūžiai nustatomi automatiškai. nowrap Tarpai ignoruojami, eilučių lūžiai HTML kode ignoruojami, visas tekstas rodomas vienoje eilutėje; tačiau pridedant žymą
perkelia tekstą į naują eilutę. iš anksto Rodomas tekstas, įskaitant visus tarpus ir brūkšnelius, kuriuos kūrėjas įtraukė į HTML kodą. Jei eilutė per ilga, kad tilptų naršyklės lange, bus pridėta horizontali slinkties juosta. prieš eilutę Į tarpus tekste neatsižvelgiama, tekstas automatiškai perkeliamas į kitą eilutę, jei netelpa nurodytoje srityje. pre-wrap Visi tarpai ir brūkšneliai tekste išsaugomi, bet jei eilutės plotis netelpa į nurodytą sritį, tekstas automatiškai perkeliamas į kitą eilutę. inherit Paveldi tėvo vertę.Vertybių poveikis tekstui pateiktas lentelėje. vienas.
HTML5 CSS2.1 IE Cr Op Sa Fx
balta vieta Pavyzdys
Paskutinė Ferma teorema
X n+Y n= Z n
kur n yra sveikas skaičius > 2Šio pavyzdžio rezultatas parodytas fig. vienas.
Ryžiai. 1. Taikant tarpo savybę
Objekto modelis
document.getElementById("elementID ").style.whiteSpace
Naršyklės
„Internet Explorer“ iki 7.0 versijos imtinai nepalaiko išankstinės eilutės, išankstinio įvyniojimo ir paveldėjimo verčių. Dėl
„Opera“ senesnė nei 9.5 versija nepalaiko išankstinės eilutės reikšmės. Dėl
Ankstesnė nei 3.0 versijos „Safari“ ir „iOS“ nepalaiko išankstinio įvyniojimo ir išankstinės eilutės verčių.
„Firefox“ iki 2.0 versijos imtinai nepalaiko išankstinės eilutės ir išankstinio įvyniojimo verčių. Dėl
Linijos pertrauka, eilutės pertrauka, eilutės pertrauka – viskas dėl vieno dalyko. HTML dažnai naudojami eilučių lūžiai. Yra keli būdai: naudokite žymą
Norėdami išversti į naują eilutę, arba galite naudoti CSS ypatybes, kad nutrauktumėte eilutę. Apsvarstykite eilutės lūžio žymos naudojimo pavyzdį:CSS eilučių pertraukas galima atlikti įvairiais būdais, pavyzdžiui:
br (
plūdė: kairė;
plotis: 100 %
paraštė: 0 0 20 taškų 0; /* užpildymas po eilutės 20 piks. */
}Eilutės atskyrimas HTML arba CSS
HTML sukurti skiriamąją eilutę yra labai paprasta. Taip pat naudojama nesusieta žyma
– tai skiriamoji linija. Skiriamoji eilutė prasideda nuo naujos eilutės ir yra įtraukta po jos. Galite valdyti horizontalios linijos stilių, taip pat galite sukurti alternatyvą. Čia yra skiriamosios linijos, naudojant žymą, pavyzdys:O dabar stilizuokite (keiskite stilių, pakeiskime išvaizdą) savo skiriamąją liniją:
val (
plotis: 80% /* linijos plotis */
aukštis: 4px; /* linijos aukštis / storis */
fonas: #333; /* fono / linijos spalva */
kraštinė: 0; /* kraštinė aplink skiriamąją liniją (pašalinkite ją) */
paraštė: 5px0 5px0; /* užpildymas virš ir po linija 5 pikseliai */
}Ir sukurkite alternatyvą mūsų skiriamajai linijai naudodami žymą
ir CSS.Dažnai reikia apvynioti tekstą į naują eilutę viename „Excel“ langelyje. Tai yra, perkelkite tekstą eilutė po eilutės viename langelyje, kaip parodyta paveikslėlyje. Jei, įvedę pirmąją teksto dalį, tiesiog paspauskite klavišą ENTER, tada žymeklis bus perkeltas į kitą eilutę, bet kitame langelyje, ir mes turime judėti tame pačiame langelyje.
Tai labai dažna užduotis ir ji išspręsta labai paprastai – norėdami įterpti tekstą į naują eilutę vienoje Excel langelyje, turite paspausti ALT + ENTER(laikykite nuspaudę klavišą ALT, tada jo neatleisdami paspauskite klavišą ENTER)
Kaip perkelti tekstą į naują eilutę programoje „Excel“ naudojant formulę
Kartais eilutę reikia daryti ne vieną kartą, o naudojant „Excel“ funkcijas. Kaip šiame pavyzdyje paveikslėlyje. Įvedame vardą, pavardę ir patronimą ir jis automatiškai surenkamas langelyje A6
Atsidariusiame lange, skirtuke „Lygiavimas“, turite pažymėti langelį šalia „Apvynioti žodžiais“, kaip parodyta paveikslėlyje, kitaip eilučių vyniojimas programoje „Excel“ nebus rodomas teisingai naudojant formules.
Kaip pakeisti brūkšnelį kitu simboliu programoje „Excel“ ir atvirkščiai naudojant formulę
Gali pakeisti brūkšnelio simbolį į bet kurį kitą simbolį, pvz., tarpą, naudodami „Excel“ teksto funkciją PAKEISTI
Apsvarstykite pavyzdį aukščiau esančiame paveikslėlyje. Taigi, langelyje B1 rašome funkciją SUBSTITUTE:
PAKEITIMAS(A1, CHAR(10), " ")
A1 yra mūsų eilutės lūžio tekstas;
CHAR (10) yra eilutės lūžis (šiame straipsnyje mes tai aptarėme šiek tiek aukščiau);
" " yra tarpas, nes keičiame eilutės lūžį į tarpąJei reikia atlikti atvirkštinę operaciją - pakeiskite tarpą į brūkšnelį (simbolį), tada funkcija atrodys taip:
PAKEITIMAS (A1, " ", CHAR (10))
Primenu, kad norint, kad linijų vyniojimas būtų atspindėtas teisingai, langelių ypatybėse, skiltyje „Išlygiavimas“, būtina nurodyti „Wrap cross lines“.
Kaip programoje „Excel“ pakeisti brūkšnelį į tarpą ir atgal naudojant PAIEŠKA – PAKEISTI
Kartais formules naudoti nepatogu ir reikia greitai pakeisti. Norėdami tai padaryti, naudojame „Rasti ir pakeisti“. Pasirinkite mūsų tekstą ir paspauskite CTRL + H, pasirodys šis langas.
Jei mums reikia pakeisti eilutės lūžį į tarpą, tada eilutėje „Rasti“ turite įvesti eilutės lūžį. stovėkite lauke „Rasti“, tada paspauskite ALT klavišą, jo neatleisdami, klaviatūra įveskite 010 - tai eilutės lūžio kodas, jis nebus matomas šiame lauke.
Po to lauke „Pakeisti į“ įveskite tarpą ar bet kurį kitą simbolį, kurį norite pakeisti, ir spustelėkite „Pakeisti“ arba „Pakeisti viską“.
Beje, „Word“ tai įgyvendinama aiškiau.
Jei reikia pakeisti eilutės lūžio simbolį į tarpą, tada lauke „Rasti“ reikia nurodyti specialų kodą „Eilutės lūžis“, kuris nurodomas kaip ^l
Lauke „Pakeisti į:“ tereikia padaryti tarpą ir spustelėti „Pakeisti“ arba „Pakeisti viską“.Keisti galite ne tik eilučių lūžius, bet ir kitus specialiuosius simbolius, norėdami gauti atitinkamą kodą, turite paspausti mygtuką „Daugiau >>“, „Specialus“ ir pasirinkti reikiamą kodą. Primenu, kad ši funkcija yra tik Word, Excel šie simboliai neveiks.
Kaip pakeisti eilutės lūžį į tarpą arba atvirkščiai programoje Excel naudojant VBA
Apsvarstykite pasirinktų langelių pavyzdį. Tai yra, pasirenkame reikiamus langelius ir paleidžiame makrokomandą
1. Pakeiskite tarpus į brūkšnelius pasirinktuose langeliuose naudodami VBA
Papildomi tarpai ant brūkšnelio ()
Kiekvienai pasirinktai ląstelei
cell.Value = Pakeisti(cell.Value, Chr(32) , Chr(10) )
Kitas
pabaigos sub2. Pakeiskite brūkšnelius į tarpus pasirinktuose langeliuose naudodami VBA
Sub Carry onSpaces ()
Kiekvienai pasirinktai ląstelei
cell.Value = Pakeisti(cell.Value, Chr(10) , Chr(32) )
Kitas
pabaigos subKodas labai paprastas Chr (10) yra eilutės lūžis, Chr (32) yra tarpas. Jei norite pakeisti į bet kurį kitą simbolį, tiesiog pakeiskite kodo numerį, atitinkantį reikiamą simbolį.
„Excel“ simbolių kodai
Žemiau esančiame paveikslėlyje pavaizduoti įvairūs simboliai ir juos atitinkantys kodai, keli stulpeliai yra kitokio šrifto. Norėdami padidinti paveikslėlį, spustelėkite paveikslėlį.