Användningen av CSS i mitten: texten och tabellen

Information världen i alla dess delar och representeras av tillnärmning av de faktorer, ord och texter, eller i sista hand aliserade - texter och tabeller. Du kan överväga andra, redan kända, datastrukturer, liksom bilderna, men att använda CSS och HTML-frågor när det gäller formatera text återstående informations former har en annan inställning.

Korrekt webbplats sida struktur innebär att bestämma positionen för varje element. HTML-dokument är alltid - en sekvens av element på displayen påverkas direkt av tre grundregler:

• Absolut placering (positionen);
• plats i en ström;
• z-index.

Andra boendealternativ är också viktiga, kräver mer kunskap för att lösa problemet med CSS "i mitten av texten."

Centre och inriktningsregler

CSS-regler komplettera HTML-dokument, men utan rätt av den senare kan klara av alla justeringsalternativ. Den gränslösa mobila enheter och utformningen av vården i riktning mot större enkelhet och "vinkelräthet" gör frågan centreströmmen, medan den andra inriktningen förlorar ofta värde.

Det viktigaste inslaget i sidan - enheten beskrivs viss stil. Huvudsakligen horisontell justering: text-align kan ta, vilket har hänt bara fyra värden (vänster, center, höger, motivera). Du kan utföra en vertikal inriktning genom att kombinera värdet av rätt höjd och line-height:

{
höjd: 88px; // i detta förhållande
line-height: 88px; // css för text Center - Vertikal
}

Du kan experimentera med olika regler. ; Källorna funna omnämnande om tolkningen av blocket visnings regler: bord, display: table-cell och vertikal-align: mitten; men inte alltid det fungerar.

Justera text med tabeller

Den enda datastruktur som var förstås först och leva för evigt - bord. Det ger och vertikal och horisontell justering, dessutom frågan om hur man ska placera text i CSS center, med hjälp av tabeller inte längre har en komplex mening.

Den nuvarande praxis att använda CSS-regler för att uppnå ett visst syfte i markup är inte alltid uppfyller begreppet Cascading Style Sheets. Ingenting hindrar utvecklaren att utföra inriktning i någon riktning genom att placera innehåll i den centrala cellen i tabellen i tre kolumner och tre rader.

Detta beslut är inte standard, men effektivt. I stället för en lång och noggrann lösa problemet med olika webbläsare sida eller förvänta marginalerna vänster, höger, och så vidare. Du kan använda banala procentuella bredd och radhöjder i cellerna i tabellerna.

Inriktning via JavaScript

Frågan "Hur man placera text centrerad i HTML" elementära lösning algoritm, webbläsarspråk, och har en mycket mer praktisk och spektakulär design.

Design Style-filer redan gått i drift, och nästan varje självrespekt content management system ger utvecklaren sätter stilar för alla tillfällen. Men livet kräver alltid konkret: det är nödvändigt varje gång från början att tänka, hur är det med CSS text i mitten plats. Alternativ för inriktningsändamål i enheten, "limmade" till den sida av sidan, men eftersom jag har storlek, knappast lämplig blocket popupmenyn, som är byggd av olika element.

Synlig centrerad - det är inte alltid lätt att blockera, som ursprungligen var känd, där den vänstra sidan och hur många pixlar till höger, där toppen, och garanterar inte att botten - det är den linje om vilken ska utföra den vertikala inriktningen.

En trend att stilen ska bestämmas av innehållet. Ju fler platser är turistinformation, det visuella och ljud - endast tillägg till normal text. Att tecknen önskat innehåll (detta gäller inte webbplatser på konst, målning, musik, etc.) - är en fråga om den nödvändiga informationen för besökaren.

Funktioner presentation av text och HTML

Det hände att en odelbar del av innehållet på sidan - text, och inte ordet. Semantik - är kompetensen hos utvecklaren (webbplatsens ägare). Egentligen text kan lämnas in på ett tag, det är en naturlig mening kan vara inte bara en följd av tecken, och sekvensen av taggar som innehåller tecken. Av detta följer att den "hårda" CSS "i mitten av texten" kan endast ske i enkla fall.

Server begäran om utlämning för webbläsaren är mycket bred och innehåller många element, inte alltid i samband med vad som kommer att visas. Vid utformningen av layouten på sidan är det viktigt att betona när det gäller presentation, i synnerhet inriktningen. Något bättre att göra på servern som en klient som är i webbläsaren. Inte alltid lita på CSS-regler, fokusera på slutresultatet är mycket mer praktiskt.