Brugen af CSS i midten: teksten og tabellen

Information verden i alle dens elementer og er repræsenteret ved tilnærmelse af de forhold, ord og tekster, eller i sidste instans formaliserede - tekster og tabeller. Du kan overveje andre, allerede kendte, datastrukturer, samt billederne, men at bruge CSS og HTML spørgsmål med hensyn til formatering tekst resterende oplysninger former har en anden holdning.

Korrekte sted sidestruktur involverer bestemmelse af positionen af hvert element. HTML-dokument er altid - en sekvens af elementer på skærmen er direkte påvirket af tre grundregler:

• Absolut placering (position);
• stedet i en strøm;
• z-index.

Andre muligheder for overnatning er også vigtige, kræver mere viden til at løse problemet med CSS "i midten af teksten."

Centrering og alignment regler

CSS regler supplerer HTML-dokument, men uden ret til sidstnævnte kan klare enhver justering mulighed. Den allestedsnærværende mobile enheder og udformningen af pleje i retning af større enkelhed og "squareness" gør problemet centrering strøm, mens den anden tilpasning ofte mister værdi.

Det vigtigste element på siden - enhed, der er beskrevet bestemt stil. Generelt vandrette justering: text-align kan tage, som det er sket kun fire værdier (venstre, center, højre, retfærdiggøre). Du kan udføre en lodret linie ved at kombinere værdien af den rigtige højde og line-height:

{
højde: 88 px; // efter dette forhold
line-height: 88 px; // css til tekst Centre - Lodret
}

Du kan eksperimentere med forskellige regler. ; Kilderne fundet omtale om fortolkningen af blok visningsregler: bord, display: table-celle og vertical-align: middle; men ikke altid det virker.

Justering tekst af tabeller

Det eneste datastruktur, der skulle forstås først og leve for evigt - tabel. Det giver og den lodrette og vandrette justering, desuden spørgsmålet om, hvordan man kan placere tekst i CSS centrum, ved hjælp af tabeller der ikke længere har en kompleks betydning.

Den eksisterende praksis med at bruge CSS regler for at opnå et bestemt formål i markup er ikke altid i overensstemmelse med begrebet Cascading Style Sheets. Intet forhindrer bygherren at udføre tilpasningen i alle retninger ved at placere indhold i den centrale celle i tabellen over tre kolonner og tre rækker.

Denne beslutning er ikke standard, men effektiv. I stedet for en lang og omhyggelig løse problemet med cross-browser side eller forventer margener venstre, højre, og så videre. Du kan bruge banal procentdel bredde og rækkehøjder af cellerne i tabellerne.

Justering gennem javascript

Spørgsmålet "Hvordan til at placere tekst centreret i HTML" elementære løsning algoritme, browser sprog, og har en langt mere praktisk og spektakulære design.

Design Style Files allerede gået i drift, og næsten hver respekt content management system giver udvikleren sætter stilarter til alle lejligheder. Men livet kræver altid konkret: det er nødvendigt hver gang fra bunden til at tænke, hvordan er det med CSS tekst i midten sted. Mulighed for justeringsformål i enheden, "limet" til den højre side, men fordi jeg har den størrelse, næppe egnet blok pop-up-menuen, som er opbygget af forskellige elementer.

Synlig centreret - det er ikke altid let at blokere, som oprindeligt blev kendt, hvor den venstre side, og hvor mange pixels til højre, hvor den øverste, og garanterer ikke, at bunden - det er den linje om der skulle udføre den lodrette justering.

En tendens, at stil bør bestemmes af indholdet. Jo flere steder er turistinformation, det visuelle og lyd - kun ud over den normale tekst. At de tegn, der ønskes indhold (dette gælder ikke for hjemmesider om kunst, maleri, musik, etc.) - er et spørgsmål om de nødvendige oplysninger til den besøgende.

Funktioner præsentation af tekst og HTML

Det skete, at en udelelig del af sidens indhold - tekst, og ikke ordet. Semantik - er den kompetence udvikler (ejeren af webstedet). Faktisk teksten kan indsendes på et tag, der er en naturlig sætning kan være ikke bare en sekvens af tegn, og rækkefølgen af tags, der indeholder tegn. Heraf følger, at den "hårde" CSS "i midten af teksten" kan kun placere i simple tilfælde.

Server udleveringsanmodning for browseren er meget bred og indeholder mange elementer, der ikke altid er relateret til, hvad der vil blive vist. Ved udformningen af layoutet på siden er det vigtigt at lægge vægt i form af præsentation, og især skal. Noget bedre at gøre på den server, en klient, der er i browseren. Må ikke altid stole på CSS regler, fokus på det endelige resultat er meget mere praktisk.