Het gebruik van CSS in het midden: de tekst en tafel

Informatie wereld in al zijn onderdelen en wordt vertegenwoordigd door onderlinge aanpassing van de elementen, woorden en teksten, of in laatste instantie geformaliseerd - teksten en tabellen. U kunt kijken naar andere, reeds bekende, datastructuren, evenals de foto's, maar om CSS en HTML vraagstukken op het gebied van gebruik opmaken van tekst overige informatie vormen hebben een andere houding.

Juiste plaats paginastructuur omvat het bepalen van de positie van elk element. HTML-document is altijd - een reeks elementen tentoongesteld wordt direct beïnvloed door drie fundamentele regels:

• Absolute positie (positie);
• gespot in een stroom;
• z-index.

Andere accommodatie opties zijn ook belangrijk, vereisen meer kennis om het probleem met CSS te lossen "in het centrum van de tekst."

Centrering en uitlijning regels

CSS-regels een aanvulling op de HTML-document, maar zonder het recht van de laatste kan omgaan met eventuele uitlijnoptie. De alomtegenwoordigheid van mobiele apparaten en het ontwerpen van zorg in de richting van grotere eenvoud en "haaksheid" maakt het probleem centrerende stroom, terwijl de andere uitrichting verliest vaak waarde.

Het belangrijkste onderdeel van de pagina - unit beschreven bepaalde stijl. Over het algemeen horizontale uitlijning: text-align kan nemen, aangezien slechts vier waarden (links, midden, rechts, te rechtvaardigen) is gebeurd. U kunt een verticale uitlijning uit te voeren door het combineren van de waarde van de juiste hoogte en line-height:

{
hoogte: 88 pixels; // bij deze verhouding
line-height: 88 pixels; // css voor tekst Center - Verticaal
}

U kunt experimenteren met verschillende regels. ; De bronnen gevonden vermelding over de interpretatie van het blok-display regels: lijst, vertoning: table-cell en vertical-align: midden; maar niet altijd het werkt.

Tekst uitlijnen van tabellen

De enige datastructuur die was de eerste die worden begrepen en eeuwig leven - tafel. Het biedt en de verticale en horizontale uitlijning bovendien de vraag hoe om tekst in de CSS-centrum, met behulp van tabellen hebben niet langer een complexe betekenis.

De bestaande praktijk van het gebruik van CSS-regels om een bepaald doel in de markup te bereiken is niet altijd voldoet aan het concept van de Cascading Style Sheets. Niets belet de ontwikkelaar uitlijnen in elke richting door het plaatsen van inhoud in de centrale cel van de tabel met drie kolommen en drie rijen.

Deze beslissing is niet standaard, maar effectief. In plaats van een lange en zorgvuldige het oplossen van het probleem van de cross-browser pagina of verwachten dat de marges links, rechts, en ga zo maar door. U kunt de banaal percentage breedte en de rijhoogte van de cellen te gebruiken in de tabellen.

Alignment door middel van JavaScript

De vraag elementaire oplossing algoritme, browser taal "Hoe u tekst in het midden van de HTML te plaatsen", en heeft een veel praktischer en spectaculaire design.

Ontwerp Stijlfiles al weg op gang, en bijna elke zichzelf respecterende content management systeem biedt de ontwikkelaar stelt stijlen voor alle gelegenheden. Maar het leven moet altijd beton: het is noodzakelijk elke keer vanuit het niets om na te denken, hoe is het met CSS tekst in het midden plaats. Optie voor uitlijndoeleinden in de eenheid "gelijmd" aan de zijde, maar omdat ik heb het formaat, nauwelijks geschikt block venstermenu, dat is opgebouwd uit verschillende elementen.

Zichtbaar gecentreerde - het is niet altijd gemakkelijk te blokkeren, die oorspronkelijk bekend was, waarbij links en hoeveel pixels naar rechts, waar de top en geen garantie dat de bodem - het is de lijn waaromheen de verticale uitlijning moet uitvoeren.

Een trend die de stijl moet worden bepaald door de inhoud. Hoe meer sites zijn bezoeker informatie, de visuele en geluid - alleen aanvulling op de normale tekst. Dat de personages zijn gewenste inhoud (dit geldt niet voor websites over kunst, schilderkunst, muziek, etc.) - is een kwestie van de nodige informatie aan de bezoeker.

Kenmerken weergave van tekst en HTML

Het gebeurde dat een ondeelbaar onderdeel van de pagina-inhoud - tekst en niet het woord. Semantiek - is de bevoegdheid van de ontwikkelaar (de eigenaar van de site). Eigenlijk is de tekst kan bij één tag worden ingediend, dat is een natuurlijke zin kan niet zomaar een reeks tekens, en de volgorde van de tags die tekens bevatten. Hieruit volgt dat de "harde" CSS "in het centrum van de tekst" alleen plaatsen in eenvoudige gevallen.

Server uitleveringsverzoek voor de browser is zeer breed en bevat veel elementen, niet altijd gerelateerd aan wat wordt weergegeven. Bij het ontwerpen van de lay-out van de pagina is het belangrijk om de nadruk op het gebied van presentatie, in het bijzonder de uitlijning te plaatsen. Iets beters te doen op de server die een cliënt die in de browser. Niet altijd rekenen op CSS-regels, gericht op het eindresultaat is veel praktischer.