Se vi estas nova TTT-desegnisto, vi eble havas demandojn pri kiel centri la tekston ene de tabla ĉelo. Kun ĉi tiu gvidilo, mastrumu ĉi tiun teknikon en nur kelkaj minutoj. Estas facila - eĉ se vi neniam antaŭe provis.
Komencante
Centra teksto ene de ĉelo estas plej bone farita kun CSS, same kiel vi centrostekston en alia elemento en via retpaĝaro. Antaŭ ol vi komencas, tamen, vi devas decidi, kion vi volas centri. Kun tablo, vi havas plurajn eblojn, inkluzive de ĉiu ĉelo en la tablo; Ĉiu kaplinia ĉelo en la tablo #? iu #? elo en la tablo kapo, Tabla korpo #a? tablo piedo. Vi ankaŭ povas centri specifan ĉelon aŭ aro de ĉeloj ene de la tablo.
Krome, vi devas krei interna stila folio en la kapo de via dokumento aŭ alfiksita al la dokumento kiel ekstera stilo-folio . Vi metos la stilojn por centri viajn tabelkelojn en tiu stilo-folio.
Kiel Centri Ĉiun Ĉelon en la Tablo
Aldonu la jenajn liniojn al via stilo-folio:
td, th {teksto-aligno: centro; }Kiel Centri Ĉiu Ĉefela Ĉelo en la Tablo
Aldonu la jenajn liniojn al via stilo-folio:
th {teksto-align: centro; }Centri Ĉiu Ĉelo en la Tablo Kapo, Korpo aŭ Piedo
Por centri ĉi tiujn ĉelojn, vi devas aldoni tabelikojn, kiuj ne ĉiam uzas, kiel ,
kaj . Tiam vi ĉirkaŭos viajn tabelkelojn kun ĉi tiuj etikedoj por identigi la tablonkapon, korpon kaj piedon. Post tio, vi aldonos la jenan al via stilo-folio: for th, thead td {text-align: centro; } tbody th, tbody td {teksto-aligno: centro; } tfoot th, tfoot td {teksto-aligno: centro; }Forigu la stilojn por la areoj, kiujn vi ne volas centri.
Kiel Centri Specifan Ĉelon aŭ Ĉelojn en Tablo
Por fari tion, vi devas agordi klason sur la ĉeloj, kiujn vi volas centri.
Aldonu la jenan atributon al la tabeloj, kiujn vi volas centri:
Poste aldonu la jenan al via stilo-folio:
.centered-cell {tekst-aligno: centro; }Vi povas aldoni ĉi tiun klason al iu ajn ĉelo en via tablo.
Envolvado
Ne hezitu uzi ĉi tiujn stilojn en iu ajn el viaj tabeloj. Vi povas uzi ilin sur kunfanditaj ĉeloj aŭ sur solaj ĉeloj kaj la teksto ene estos centrita.