A szöveg középre állításának legjobb módja a táblázat cellájában

click fraud protection

Ha Ön kezdő webtervező, akkor kérdései lehetnek azzal kapcsolatban, hogyan kell a szöveget középre helyezni egy táblázat cellájában. Ezzel az útmutatóval néhány perc alatt megtanulhatja ezt a technikát. Könnyű - még akkor is, ha még soha nem próbálta.

Elkezdeni

Szöveg központosítása a cellák belsejét CSS-sel lehet a legjobban megtenni, ugyanúgy, ahogy a szöveget a weboldal egy másik elemében központosítaná. Mielőtt elkezdené, el kell döntenie, hogy pontosan mit szeretne középre helyezni. Egy táblával több lehetőség áll rendelkezésre, beleértve a táblázat minden celláját; a táblázat minden fejléc cellája az asztal fejének, asztalának vagy asztalának minden cellája. A táblázatban egy adott cellát vagy cellakészletet is központosíthat.

Ezenkívül létre kell hoznia egy belső stíluslap dokumentumának fejében vagy csatolva a dokumentumhoz külső stíluslap. A stílusokat úgy helyezi el, hogy a táblázat cellái középre kerüljenek abban a stíluslapban.

Hogyan központosítsuk a táblázat minden celláját

instagram viewer

Adja hozzá a következő sorokat a stíluslapjához:

td, th {
text-align: center;
}

A központ minden fejléc cellájának központosítása

Adja hozzá a következő sorokat a stíluslapjához:

th {
text-align: center;
}

Az asztal fejének, testének vagy lábának minden sejtjét központosítani

Ezeknek a celláknak a központosításához olyan tábla címkéket kell hozzáadnia, amelyeket nem mindig használnak, például.

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

Távolítsa el a stílusokat azokról a területekről, amelyeket nem szeretne középre állítani.

Hogyan kell egy adott cellát vagy cellákat központosítani egy táblázatban

Ehhez be kell állítani egy osztályt a középre kívánt cellákra.

Adja hozzá a következő attribútumot a tábla celláihoz, amelyeket központozni szeretne:

Ezután adja hozzá a következőket a stíluslapjához:

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

Hozzáadhatja ezt az osztályt a táblázat bármely cellájához.

Csomagolás

Ne habozzon, használja ezeket a stílusokat az asztal bármely cellájában. Használhatja egyesített cellákon vagy egyes cellákon, és a benne lévő szöveg középre kerül.

instagram story viewer