It brûken fan CSS yn 'e midden: de tekst en tafel

Information wrâld yn al har eleminten en wurdt fertsjintwurdige troch ûnderlinge oanpassing fan 'e eleminten, wurden en teksten, of yn' e lêste ynstânsje offisjeel fêstlein - teksten en tabellen. Jo kinne beskôgje oare, al bekend, data struktueren, likegoed as de plaatsjes, mar te brûken CSS en HTML saken kwa opmaak tekst oerbliuwt ynformaasje formulieren hawwe in oare hâlding.

Proper site side struktuer giet it om it fêststellen fan de posysje fan elk elemint. HTML-dokumint is altyd - in searje fan eleminten útstald wurdt direkt beynfloede troch trije basisregels:

• Absolút posisjonearring (posysje);
• plak yn in stream;
• z-yndeks.

Oare accommodation opsjes binne ek wichtich, nedich mear kennis op te lossen it probleem mei CSS "yn it sintrum fan 'e tekst."

Centering en alignment regels

CSS regels Supplement HTML-dokumint, mar sûnder it rjocht fan 'e lêste kin omgaan met alle alignment opsje. It Ubiquity fan mobile apparaten en it ûntwerp fan soarch yn de rjochting fan gruttere ienfâld en "squareness" makket de kwestje centering hjoeddeiske, wylst de oare alignment faak ferliest wearde.

It wichtichste elemint fan de side - ienheid beskreaun bepaalde styl. Algemien horizontale alignment: text-align kin nimme, sa't hat bard mar fjouwer wearden (lofts, sintrum, rjochts, rjochtfeardigje). Jo kinne útfiere in fertikale ôfstimming troch de kombinaasje fan de wearde fan 'e rjochter hichte en line-height:

{
height: 88px; // op dit ratio
line-height: 88px; // CSS foar tekst Center - Fertikale
}

Jo kinne eksperimintearje mei ferskillende regels. ; De boarnen fûn melding oer de útlis fan it blok display regels: tafel, display: table-sel en fertikale-align: midden; mar net altyd it wurket.

Aligning tekst by tabellen

De ienige gegevens struktuer dat wie om begrepen te wurden earst en libje yn ivichheit - tafel. It jout en de fertikale en horizontale alignment, neist, de fraach fan hoe't te pleatsen tekst yn de CSS sintrum, mei help fan tabellen net mear hawwe in kompleks betsjutting.

De besteande praktyk fan it brûken CSS regels om te kommen ta in bepaald doel yn 'e opmaak is net altyd voldoet it konsept fan cascadearjende stylblêden. Neat foarkomt de ûntwikkelders te fieren ôfstimming yn alle rjochting troch it pleatsen fan de ynhâld yn de sintrale sel fan 'e tafel fan trije pylders en trije rigen.

Dit beslút is net standert, mar effektyf. Yn stee fan in lange en sekuere oplosse it probleem fan it krús-browser side of ferwachtsje marzjes lofts, rjochts, ensafuorthinne. Jo kinne brûk meitsje fan de trite persintaazje breedte en rige hichten fan de sellen yn 'e tafels.

Alignment fia JavaScript

De fraach "Hoe te pleatsen tekst centered yn de HTML" elemintêre oplossing algoritme, browser taal, en hat in folle mear praktyske en spektakulêre design.

Design Style Files al ferdwûn op stream, en hast alle himsels earbiediging content management systeem jout de ûntwikkelders stelt stilen foar alle gelegenheden. Mar it libben altyd fereasket konkreet: it is nedich eltse kear hielendal opnij yn te tinken, hoe is it mei CSS tekst yn it midden plak. Opsje foar alignment doelen yn de ienheid, "lime" oan 'e kant fan' e side, mar om't ik haw de grutte, amper geskikte block pop-up menu, dy't is boud út ferskillende eleminten.

Sichtber midden - it is net altyd maklik te warjen, dat wie oarspronklik bekend, dêr't de linker kant hoefolle piksels nei rjochts, dêr't de top, en net garandearje dat de boaiem - it is de line oer hokker moatte útfiere de fertikale alignment.

Ien trend dat de styl moat wurde bepaald troch de ynhâld. De mear sites binne besiker ynformaasje, de byldzjende en lûd - allinnich njonken de normale tekst. Dat de karakters wurde winske ynhâld (dit jildt net foar websiden op keunst, skilderij, muzyk, ensafuorthinne) - is in fraach fan de nedige ynformaasje nei de besiker.

Features presintaasje fan tekst en HTML

It barde dat in ûndielbere elemint fan de side ynhâld - tekst, en net it wurd. Semantyk - is it foech fan de Untwikkelder (de side eigener). Eigentlik de tekst kin yntsjinne wurde by ien tag, dat is in natuerlike sin kin net allinne in searje fan personaazjes, en de opienfolging fan tags dy't befetsje tekens. Ut dit dan folget dat de "hurde" CSS "yn it sintrum fan 'e tekst' kin pleats allinnich yn ienfâldige gefallen.

Tsjinner extradition fersyk foar de blêder is hiel breed en befettet in protte eleminten, net altyd ferbân mei wat sille werjûn wurde. Wannear't it ûntwerpen fan de opmaak fan de side is it fan belang om de klam op it mêd fan presintaasje, yn it bysûnder it ôfstimmen. Wat better te dwaan op de tsjinner dat in kliïnt dy't is yn 'e browser. Net altyd in berop dwaan op CSS regels, rjochtsje op de ein resultaat is folle mear praktysk.