Die gebruik van CSS in die middel: die teks en 'n tafel

Inligting wêreld in al sy elemente en word verteenwoordig deur aanpassing van die elemente, woorde en tekste, of in die laaste instansie geformaliseer - tekste en tafels. Jy kan oorweeg ander, reeds bekend, datastrukture, asook die foto's nie, maar om CSS en HTML kwessies in terme van gebruik opmaak teks oorblywende inligting vorm het 'n ander houding.

Behoorlike webwerf bladsy struktuur behels die bepaling van die posisie van elke element. HTML-dokument is altyd - 'n reeks van elemente op mekaar word direk beïnvloed deur drie basiese reëls:

• Absolute posisionering (posisie);
• plek in 'n stroom;
• z-indeks.

Ander akkommodasie opsies is ook belangrik, vereis meer kennis om die probleem met CSS los "in die sentrum van die teks."

Sentrering en belyning reëls

CSS reëls aan te vul die HTML-dokument, maar sonder die reg van die laasgenoemde kan hanteer enige aanpassing opsie. Die alom teenwoordigheid van mobiele toestelle en die ontwerp van sorg in die rigting van groter eenvoud en "haaks" maak die kwessie sentreer huidige, terwyl die ander lyn verloor dikwels waarde.

Die belangrikste element van die bladsy - eenheid beskryf sekere styl. Oor die algemeen horisontale belyning: text-align kan neem, as net vier waardes (links, middel, regs, te regverdig) gebeur het. Jy kan 'n vertikale belyning te voer deur die kombinasie van die waarde van die regte hoogte en lyn-hoogte:

{
hoogte: 88px; // by hierdie verhouding
lyn-hoogte: 88px; // css vir teks Center - Vertikale
}

Jy kan eksperimenteer met verskillende reëls. ; Die bronne gevind melding oor die interpretasie van die blok vertoon reëls: tafel, voor te stel: tafel-sel en vertikale-align: middel; maar nie altyd dit werk.

Aanpassing van die teks deur tafels

Die enigste data struktuur wat was eerste om te verstaan en lewe in ewigheid - tafel. Dit bied en die vertikale en horisontale belyning, benewens, die vraag van hoe om teks te plaas in die CSS sentrum, met behulp van tabelle hoef nie langer 'n komplekse betekenis.

Die bestaande praktyk van die gebruik van CSS reëls om 'n spesifieke doel in die opmaak bereik is nie altyd voldoen aan die konsep van Cascading Style Sheets. Niks verhoed die ontwikkelaar om belyning te voer in 'n rigting deur die plasing van die inhoud in die sentrale sel van die tafel van drie kolomme en drie rye.

Hierdie besluit is nie standaard nie, maar effektief. In plaas van 'n lang en noukeurige los die probleem van kruis-leser bladsy of verwag marges links, regs, en so aan. Jy kan die banaal persentasie breedte en ry hoogtes van die selle gebruik in die tafels.

Belyning deur JavaScript

Die vraag elementêre oplossing algoritme, leser taal "Hoe om teks gesentreer in die HTML plaas", en het 'n baie meer praktiese en skouspelagtige ontwerp.

Ontwerp Style Files reeds weg op dreef, en byna elke selfrespek content management stelsel bied die ontwikkelaar stel style vir alle geleenthede. Maar die lewe vereis altyd beton: dit is nodig elke keer van nuuts af om te dink, hoe is dit met CSS teks in die middel plaas. Opsie vir aanpassing doeleindes in die eenheid, "vasgeplak" aan die kant van die bladsy, maar omdat ek die grootte, skaars geskik blok pop-up menu, wat is gebou uit verskillende elemente.

Sigbaar gesentreer - dit is nie altyd maklik om te sluit, wat oorspronklik bekend gestaan het, waar die linkerkant en hoeveel pixels na regs, waar die top, en waarborg nie dat die onderkant - dis die lyn oor wat die vertikale belyning moet verrig.

Een tendens wat die styl moet bepaal word deur die inhoud. Hoe meer plekke is besoeker inligting, die visuele en klank - net bykomend tot die normale teks. Dat die karakters verlangde inhoud (dit geld nie vir webtuistes op kuns, skilder, musiek, ens) - is 'n vraag van die nodige inligting aan die besoeker.

Funksies aanbieding van teks en HTML

Dit gebeur dat 'n onverdeelbare element van die inhoud van die bladsy - teks, en nie die woord. Semantiek - is die bevoegdheid van die ontwikkelaar (die eienaar van die webwerf). Eintlik die teks kan by een merker ingedien word, dit wil sê 'n natuurlike sin kan nie net 'n reeks van karakters, en die volgorde van etikette wat karakters bevat nie. Hieruit volg dat die "harde" CSS "in die sentrum van die teks" kan net plaas in eenvoudige gevalle.

Bediener uitlewering versoek om die leser is baie breed en bevat baie elemente, nie altyd verband hou met wat sal vertoon word. Wanneer die ontwerp van die uitleg van die bladsy is dit belangrik om die klem in terme van aanbieding, in die besonder die aanpassing plaas. Iets beter om te doen op die bediener wat 'n kliënt wat in die leser. Moenie altyd staatmaak op CSS reëls, fokus op die eindresultaat is baie meer prakties.