La uzo de CSS en la mezo: la teksto kaj tablo

Informo mondon en ĉiuj ĝiaj elementoj kaj estas reprezentita de proksimuma kalkulado de la elementoj, vortoj kaj tekstoj, aŭ en la lasta petskribo formaligita - tekstoj kaj tabloj. Vi povas konsideri aliajn, jam konata, datumstrukturoj, kaj ankaŭ la bildojn, sed por uzi CSS kaj HTML aferoj laŭ formatado de teksto ceteraj informoj formoj havas malsaman sintenon.

Taŭga ejo paĝon strukturo implikas determini la pozicion de ĉiu elemento. HTML-dokumenton ĉiam - vico de elementoj sur ekrano estas rekte influita de tri bazaj reguloj:

• Absoluta situado (pozicio);
• loko en rivereto;
• z-indekso.

Aliaj gastigado ebloj estas ankaŭ grava, postulas pli da scio por solvi la problemon kun CSS "en la centro de la teksto."

Centrita kaj alineación reguloj

CSS reguloj suplemento la HTML-dokumento, sed sen la rajto de la lasta povas trakti ajnan alineación opcion. La universaleco de porteblaj aparatoj kaj la dezajno de zorgo en la direkto de pli granda simpleco kaj "squareness" faras la temon cimbra fluo, dum la alia alineación ofte perdas valoron.

La ĉefa elemento de la paĝo - unuo priskribita certaj stilo. Ĝenerale horizontala alineación: text-align povas preni, kiel okazis nur kvar valoroj (maldekstra, centro, dekstra, pravigas). Vi povas elfari vertikala alineación kombinante la valoro de la dekstra alteco kaj linio-alteco:

{
alteco: 88px; // en tiu rilatumo
linio-alteco: 88px; // css por teksto Centro - Vertikala
}

Vi povas sperti kun malsamaj reguloj. ; La fontoj troviĝas mencio pri la interpreto de la bloko display reguloj: tablo, display: tablo-ĉelo kaj vertikala-align: mezo; sed ne ĉiam ĝi funkcias.

Vicigante tekston per tabloj

La sola datumstrukturo kiu estis esti komprenita unua kaj vivos eterne - tablo. Ĝi provizas kaj la vertikala kaj horizontala alineación, aldone, la demando de kiel meti tekston en la CSS centro, uzante tablojn ne plu havas kompleksan signifon.

La ekzistanta praktiko uzi CSS reguloj por atingi apartan celon en la markado ne ĉiam kontentigas la koncepto de Laŭtemaj Style Sheets. Nenio malhelpas la ellaboranto plenumi alineación en ajna direkto metante enhavo en la centra ĉelo de la tablo de tri kolumnoj kaj tri vicoj.

Tiu decido ne normo, sed efika. Anstataŭ longa kaj skrupula solvi la problemon de transversa retumilo paĝo aŭ atendi randoj maldekstra, dekstra, kaj tiel plu. Vi povas uzi la banala procento larĝa kaj vico altaĵoj de la ĉeloj en la tabloj.

Alignment tra JavaScript

La demando "Kiel meti tekston centrita en la HTML" elementa solvo algoritmo, retumilo lingvo, kaj havas multe pli praktika kaj espectacular dezajno.

Dezajno Stilo Dosieroj jam foriris sur rivereto, kaj preskaŭ ĉiu mem-respektante enhavo mastrumado sistemo provizas la ellaboranto difinas stiloj por ĉiuj okazoj. Sed vivo ĉiam postulas konkretan: necesas ĉiufoje el nenio pensi, kio okazis kun CSS teksto en la meza loko. Opcio por alineamiento celoj en la unuo, "gluis" al la flanko de la paĝo, sed ĉar mi havas la grandecon, apenaŭ taŭgas bloko emerĝa menuo, kiu estas konstruita el diversaj elementoj.

Videbla centrita - ĝi ne estas ĉiam facile bloki, kio estis originale konata, kie la maldekstra flanko kaj kiom da pikseloj dekstren, kie la pinto, kaj ne garantias ke la fundo - estas la linio sur kiu devus plenumi la vertikala alineación.

Unu tendencon ke la stilo devus esti difinita per la enhavo. La pli lokoj estas vizitanto informoj, la vidaj kaj voĉaj - nur Krom la normala teksto. Ke la karakteroj estas dezirata enhavo (tiu ne aplikas al retejoj sur arto, pentraĵo, muziko, ktp) - estas pri la necesajn informojn por la vizitanto.

Trajtoj prezento de teksto kaj HTML

Okazis ke nedividebla elemento de la paĝo enhavo - teksto, kaj ne la vorton. Semantiko - estas la kompetenteco de la ellaboranto (la ejo posedanto). Efektive la teksto povas esti proponita en unu etikedo, kiuj estas natura frazo povas esti ne nur vico de signoj, kaj la sinsekvon de etikedoj kiuj enhavas signojn. El tio sekvas, ke la "malfacila" CSS "en la centro de la teksto" povas meti nur en simplaj kazoj.

Servilo ekstradicio peto por la retumilo estas tre larĝa kaj enhavas multajn elementojn, ne ĉiam rilataj al kio estos montrata. Kiam desegni la aranĝon de la paĝo estas grave meti la emfazo en terminoj de prezento, precipe la alineación. Io pli bona por fari sur la servilo, ke kliento, kiu estas en la retumilo. Ne ĉiam fidi CSS reguloj, fokusigi la fina rezulto estas multe pli praktika.