Korištenje CSS u sredini: tekst i sto

svijet informacija u svim svojim elementima, a predstavlja približavanje elemenata, riječi i tekstove, ili u krajnjoj instanci formalizirane - tekstove i tabele. Možete razmotriti i druge, već poznato, strukture podataka, kao i slike, ali da koriste CSS i HTML pitanja u smislu oblikovanja teksta preostalih oblika informacija imati drugačiji stav.

Pravilna struktura site stranice uključuje određivanje položaja svakog elementa. HTML-dokumenta je uvijek - niz elemenata na ekranu direktno utiče tri osnovna pravila:

• Apsolutno pozicioniranje (položaj);
• spot u potok;
• z-indeksa.

Ostale opcije smještaja su također važni, zahtijevaju više znanja da se riješi problem sa CSS "u središtu teksta."

Centriranje i usklađivanje pravila

CSS pravila dopune HTML-dokument, ali bez prava na drugi može nositi sa bilo kojom opcijom poravnanje. Sveprisutnost mobilnih uređaja i dizajn zaštite u pravcu veće jednostavnosti i "pravokutnosti" čini problem centriranje struje, dok je drugi poravnanje često gubi vrijednost.

Glavni element stranice - jedinice opisane određeni stil. Uglavnom horizontalno poravnanje: text-align može uzeti, kao što se desilo samo četiri vrijednosti (lijevo, desno, opravdati). Možete izvršiti nivelete kombiniranjem vrijednosti pravu visinu i line-height:

{
visina: 88px; // na ovaj odnos
line-height: 88px; // css za tekst Centar - Vertikalni
}

Možete eksperimentirati s različitim pravilima. ; Izvori naći pomen o tumačenju pravila bloka prikaza: stol, ekrana: stol-cell i vertikalna-align: srednji; ali ne uvijek radi.

Poravnanje teksta stolova

Jedina struktura podataka koje je trebalo da se shvatiti prvi i živjeti zauvijek - sto. Pruža i vertikalne i horizontalne poravnanje, osim toga, na pitanje kako će staviti tekst u CSS centru, koristeći stolovi više nemaju kompleks značenje.

Postojeću praksu korištenja CSS pravila za postizanje određene svrhe u markup nije uvijek zadovoljava koncept CSS. Ništa ne sprečava programer za poravnanje u bilo kojem smjeru stavljajući sadržaj u centralnu ćeliju tabele tri kolone i tri reda.

Ova odluka nije standard, ali efikasan. Umjesto dugog i pedantan riješiti problem stranice cross-browser ili očekivati margine lijevo, desno, i tako dalje. Možete koristiti visinama banalno postotak širine i red ćelija u tabelama.

Usklađivanje putem JavaScript

Postavlja se pitanje: "Kako će staviti tekst centriran u HTML" elementarne rješenje algoritam, jezik preglednika, i ima mnogo više praktičan i spektakularan dizajn.

Dizajn stil Datoteke već otišao na potok, a gotovo svaki sistem za upravljanje sadržajem samopoštovanja daje developer postavlja stilova za sve prigode. Ali život uvijek zahtijeva betona potrebno je svaki put od nule da misle kako je to sa CSS tekst u sredini mjesto. Opcija za potrebe usklađivanja u jedinici "zalijepljen" na strani stranice, ali zato imam veličine, jedva pogodan blok pop-up izbornika, koji je izgrađen od različitih elemenata.

Vidljivi centriran - to nije uvijek lako blokira, koja je prvobitno bila poznata, gdje s lijeve strane i koliko piksela na desnoj strani, gdje vrhu, a ne garantuju da na dnu - to je linija o kojima treba da obavi vertikalno poravnanje.

Jedan trend koji stil treba odrediti sadržaj. Što više lokacije su informacije posjetitelja, vizualni i zvučni - samo dodatak na normalan tekst. Da su likovi su željenog sadržaja (ovo se ne odnosi na web stranice na umjetnost, slikarstvo, glazba, itd) - je pitanje potrebne informacije posjetitelja.

Karakteristike prezentaciju teksta i HTML

Dogodilo se da je nedjeljiva element stranice sadržaja - tekst, a ne riječi. Semantika - je u nadležnosti developera (vlasnik stranice). Zapravo tekst može se podnijeti u jednom citat, to je prirodna kazna može biti ne samo niz znakova, a slijed oznake koje sadrže znakove. Iz toga slijedi da je "teško" CSS "u središtu teksta" može postaviti samo u jednostavnim slučajevima.

izručenje server za pretraživač je vrlo širok i sadrži mnogo elemenata, a ne uvijek se odnose na ono što će se prikazati. Pri projektovanju izgled stranice, važno je staviti naglasak u smislu prezentacije, posebno poravnanje. Nešto bolje da radim na serveru da je klijent koji je u browser. Ne osloniti na CSS pravila, fokusirati na krajnji rezultat je puno praktičnije.