Jeśli jesteś początkującym projektantem stron internetowych, możesz mieć pytania dotyczące wyśrodkowania tekstu wewnątrz komórki tabeli. Dzięki temu przewodnikowi nauczysz się tej techniki w kilka minut. To proste - nawet jeśli nigdy wcześniej tego nie próbowałeś.
Pierwsze kroki
Centrowanie tekstu wewnątrz komórki najlepiej zrobić to za pomocą CSS, tak jakbyś wyśrodkował tekst w innym elemencie na swojej stronie internetowej. Zanim jednak zaczniesz, musisz zdecydować, co dokładnie chcesz wyśrodkować. W tabeli masz kilka opcji, w tym każdą komórkę w tabeli; każda komórka nagłówka w tabeli każda komórka w nagłówku tabeli, treści tabeli lub stopie tabeli. Możesz także wyśrodkować określoną komórkę lub zestaw komórek w tabeli.
Ponadto należy utworzyć wewnętrzny arkusz stylów w nagłówku dokumentu lub dołączony do dokumentu jako zewnętrzny arkusz stylów. Umieścisz style, aby wyśrodkować komórki tabeli w tym arkuszu stylów.
Jak wyśrodkować każdą komórkę w tabeli?
Dodaj następujące wiersze do swojego arkusza stylów:
td, th {
wyrównanie tekstu: środek;
}
Jak wyśrodkować każdą komórkę nagłówka w tabeli?
Dodaj następujące wiersze do swojego arkusza stylów:
th {
wyrównanie tekstu: środek;
}
Centrowanie każdej komórki w stole Głowa, ciało lub stopa
Aby wyśrodkować te komórki, musisz dodać tagi tabeli, które nie zawsze są używane, na przykład.
td, td td {
wyrównanie tekstu: środek;
}
t ciało, t ciało td {
wyrównanie tekstu: środek;
}
stopa t, stopa td {
wyrównanie tekstu: środek;
}
Usuń style dla obszarów, których nie chcesz wyśrodkować.
Jak wyśrodkować określoną komórkę lub komórki w tabeli in
Aby to zrobić, musisz ustawić klasę na komórkach, które chcesz wyśrodkować.
Dodaj następujący atrybut do komórek tabeli, które chcesz wyśrodkować:
Następnie dodaj następujące elementy do swojego arkusza stylów:
.centrowana-komórka {
wyrównanie tekstu: środek;
}
Możesz dodać tę klasę do dowolnej komórki w tabeli.
Zawijanie
Nie wahaj się użyć tych stylów w dowolnej komórce tabeli. Możesz ich używać w scalonych komórkach lub w pojedynczych komórkach, a tekst wewnątrz zostanie wyśrodkowany.