Hvernig á að miða texta í töfluhólf

Ef þú ert nýliði Vefur hönnuður, gætir þú haft spurningar um hvernig á að miðja texta inni í töflu klefi. Með þessari handbók, húsbóndi þessa tækni á örfáum mínútum. Það er auðvelt - jafnvel þótt þú hafir aldrei reynt að gera það áður.

Að byrja

Miðað á texta inni í klefi er best gert með CSS, rétt eins og þú vildi miðla texta í annarri þáttur á vefsíðunni þinni. Áður en þú byrjar þarftu þó að ákveða hvað nákvæmlega þú vilt vera með miðju. Með borði hefur þú nokkra möguleika, þar með talið hvert klefi í töflunni; sérhver hausseðill í töflunni sérhver klefi í borðið, borði eða borðfótur. Þú getur einnig sent tiltekið klefi eða safn af frumum í töflunni.

Að auki ættir þú að búa til innri stíll lags í höfuðinu á skjalinu þínu eða fylgja skjalinu sem utanaðkomandi stíll lak . Þú setur stíllina til að miðja borðfrumur þínar í þeim stílblaði.

Hvernig á að miða á hvert klefi í töflunni

Bættu eftirfarandi línur við stílblað þitt:

td, th {text-align: center; }

Hvernig á að miða á hverja húfu í töflunni

Bættu eftirfarandi línur við stílblað þitt:

th {text-align: center; }

Miðja sérhver klefi í töfluhöfuð, líkama eða fótum

Til að miðla þessum frumum þarftu að bæta við borðmerkjum sem eru ekki alltaf notaðar, svo sem , og . Þá muntu umlykja borðfrumurnar með þessum merkjum til að bera kennsl á borðhöfuð, líkama og fótur. Eftir það bætirðu eftirfarandi við stílblað þitt:

Þannig, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }

Fjarlægðu stíll fyrir svæðin sem þú vilt ekki vera miðuð við.

Hvernig á að miðja ákveðna klefi eða frumur í töflu

Til að gera þetta þarftu að stilla námskeið á frumunum sem þú vilt miða við.

Bæta eftirfarandi einingu við töflufrumurnar sem þú vilt miða á:

class = "centered-cell" >

Bættu síðan við eftirfarandi við stílblað þitt:

.centered-cell {text-align: center; }

Þú getur bætt þessum flokki við hvaða flokk sem er í töflunni þínu.

Klára

Ekki hika við að nota þessar stíll á einhverjum borðfrumum þínum. Þú getur notað þau á sameinaðar frumur eða á einni frumur og textinn inni verður sent.