Kā centra tekstu tabulas šūnā

Ja esat iesācējs Web izstrādātājs, jums var būt jautājumi par to, kā centrā tekstu galda šūnā. Izmantojot šo ceļvedi, apgūstiet šo tehniku ​​tikai dažas minūtes. Tas ir viegli - pat ja jūs nekad neesat mēģinājis agrāk.

Darba sākšana

Šūnu centrālo tekstu vislabāk var izdarīt ar CSS, tāpat kā citā tīmekļa lapas vietā tekstu centrā . Pirms sākat, tomēr jums ir jāizlemj, ko tieši vēlaties centrēt. Izmantojot tabulu, jums ir vairākas iespējas, tostarp katra tabulas šūna; katra galda šūna galda katrā galda galda, galda ķermeņa vai galda kājas šūnas. Jūs varat arī centrēt konkrētu šūnu vai šūnu kopu tabulā.

Papildus tam, jums jāizveido iekšējā stilu lapa dokumenta galā vai jāpievieno dokumentam kā ārējai stila lapai . Jūs ievietosiet stilus, lai centrētu tabulas šūnas šajā stilu tabulā.

Kā centrā katru tabulu

Pievienot savu stilu lapu šādām rindiņām:

td, th {text-align: centrs; }

Kā centrā katru galveņu šūnu tabulā

Pievienot savu stilu lapu šādām rindiņām:

th {text-align: centrs; }

Centruot katru šūnu galda galvā, ķermenī vai kājā

Lai centrātu šīm šūnām, jums jāpievieno tabulas tagi, kurus ne vienmēr izmanto, piemēram, , un . Pēc tam, izmantojot tabulas šūnas, jūs novietosiet šos tagus, lai identificētu galda galvu, ķermeni un pēdas. Pēc tam jūs savai stila lapai pievienosit sekojošo:

thad th, thead td (text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }

Noņemiet to apgabalu stilus, kurus nevēlaties centrēt.

Kā noteikt īpašu šūnu vai šūnas tabulā

Lai to izdarītu, jums ir jāiestata klase šūnās, kurās vēlaties centrēt.

Tabulai, kurā vēlaties centrēt, pievienojiet šādu atribūtu:

class = "centered-cell" >

Pēc tam pievienojiet savai stila lapai šādu informāciju:

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

Šo kategoriju varat pievienot jebkurai tabulas šūnai.

Iesaiņošana

Nevilcinieties izmantot šos stilus kādā no jūsu galda šūnām. Jūs varat tos izmantot apvienotajās šūnās vai atsevišķās šūnās, un teksts centrā būs.