CSS uporabite v središče: besedilo in tabela

Svet informacij v katerem koli približevanju predstavljajo elementi in sistemi elementov, besed in besedil ali v zadnjem formaliziranem primerku - besedila in tabele. Razmislite lahko o drugih, že znanih, podatkovne strukture,

Pravilna struktura strani spletnega mesta vključuje določitev položaja vsakega elementa. Dokument HTML je vedno zaporedje elementov, na katere neposredno vplivajo tri osnovna pravila:

• absolutno pozicioniranje;
• mesto v splošnem toku;
• z-indeks.

Druge možnosti umestitve so prav tako pomembne, zahtevajo veliko znanja za rešitev težave z uporabo CSS-centra.

Pravila centriranja in poravnave

Pravila CSS dopolnjujejo HTML dokument, vendar brez pravil, slednji lahko obravnava kakršno koli poravnavo. Vseprisotno širjenje mobilnih naprav in odhod načrta v smeri večje preprostosti in "pravokotnosti" postavlja vprašanje centriranja, medtem ko druga poravnava pogosto izgubi vrednost.

Glavni element strani je blok, ki ga opisuje določen slog. Pravilo horizontalne poravnave: poravnava besedila lahko sprejme, kot se je že zgodilo, le štiri vrednosti (levo, sredinsko, desno, upravičeno). Navpično poravnavo lahko opravite s kombiniranjem vrednosti višine in višine pravilnika:

{
višina: 88px; // pri takem razmerju
line-height: 88px; // css center besedilo - navpično
}

Lahko poskusite z drugimi pravili. V virih se omenja razlaga bloka s prikazom pravil: tabela, prikaz: tabela-celica in navpično poravnava: sredi- vendar ne vedno deluje.

Poravnajte besedilo s tabelami

Edina podatkovna struktura, ki je bila namenjena, da se najprej razume in živi večno, je tabela. Zagotavlja tako vertikalno kot horizontalno poravnavo, poleg tega pa vprašanje, kako postaviti besedilo, osredotočeno v CSS, pri uporabi tabel preneha imeti zapleteno vrednost.

Prevladujoča praksa uporabe CSS pravil za dosego cilja pri označevanju ne ustreza vedno konceptu kaskadnih listov slogov. Nič ne preprečuje, da razvijalec centrira v nobeni smeri, tako da postavlja vsebino v osrednjo celico tabele treh stolpcev in treh vrstic.

Ta rešitev ni standardna, ampak učinkovita. Namesto dolga in natančna rešiti problem stran navzkrižno brskalnika ali pričakujejo robovi levo, desno, in tako naprej. Lahko uporabite Banalan širino odstotek in vrstic višine celic v tabelah.

Poravnava z jаvascriptom

Vprašanje "Kako vstaviti besedilo v HTML"je rešen osnovni algoritem v jeziku brskalnika in ima veliko bolj praktično in učinkovito izvedbo.

Oblikovanje slogovnih datotek je že bilo pretočeno in skoraj vsak samospoštljiv sistem za upravljanje spletnega mesta ponuja programe za razvijalce stilov za vse priložnosti. Toda življenje vedno zahteva specifike: vsakič moramo razmišljati s čistim skrilavcem, kako dati besedilo v središče CSS. Možnost za namene poravnave v enoti, "prilepljena" na robu strani, ampak zato, ker imam velikost, komaj primerna blok pop-up menija, ki je zgrajen iz različnih elementov.

Vidno na sredini - to ni vedno enostavno blokirati, ki je bil prvotno znan, kjer na levi strani in koliko pik na desno, kjer je na vrhu, in ne zagotavljajo, da je dno - to je črto, o katerem naj bi izvedbo navpično poravnavo.

Obstaja težnja, da slog določi vsebina. V večji meri spletne strani prinašajo informacije obiskovalcu, vizualna in zvočna spremljava pa je le dodatek k običajnemu besedilu. To so znaki, ki vsebujejo potrebno vsebino (to ne velja za umetnost, slike, glasbo itd.) - to je vprašanje informacij, potrebnih za obiskovalca.

Značilnosti predstavitve besedila in HTML

Izkazalo se je, da je nedeljiv element vsebine strani besedilo in ne beseda. Semantika je pristojnost razvijalca (lastnik mesta). Pravzaprav se besedilo ne more predstavljati z eno oznako, to pomeni, da naravni stavek ni le zaporedje simbolov, ampak zaporedje oznak, ki vsebujejo simbole. Iz tega sledi, da je "samo" CSS "osredotočeno besedilo" mogoče postaviti le v preproste primere.

Izdaja strežnika na zahtevo brskalnika je zelo obsežna in vsebuje veliko elementov, ki niso vedno pomembni za to, kar se bo prikazalo. Pri načrtovanju postavitve strani je pomembno, da se v delu predstavitve informacij pravilno poudari, še posebej poravnava. Nekaj ​​bolje na strežniku, nekaj na stranki, to je v brskalniku. Ne vedno se zanašajte na pravila CSS, usmeritev k končnemu rezultatu je veliko bolj praktična.