Jeśli jesteś początkującym projektantem stron internetowych, możesz mieć pytania dotyczące centrowania tekstu w komórce tabeli. Z tym przewodnikiem opanuj tę technikę w kilka minut. To proste - nawet jeśli nigdy wcześniej nie próbowałeś.
Pierwsze kroki
Wyśrodkowywanie tekstu wewnątrz komórki najlepiej wykonać przy użyciu CSS, tak jak wyśrodkowuje się tekst w innym elemencie na stronie internetowej. Jednak zanim zaczniesz, musisz zdecydować, co dokładnie chcesz wyśrodkować. Przy stole masz kilka opcji, w tym każdą komórkę w tabeli; każda komórka nagłówka w tabeli każda komórka w głowie tabeli, korpusie stołu lub stopie stołu. Możesz także wyśrodkować określoną komórkę lub zbiór komórek w tabeli.
Ponadto należy utworzyć wewnętrzny arkusz stylów w nagłówku dokumentu lub dołączyć go do dokumentu jako zewnętrzny arkusz stylów. Wstawisz 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 linie do swojego arkusza stylów:
td, th {text-align: center;} Dodaj następujące linie do swojego arkusza stylów: th {text-align: center;} Aby wyśrodkować te komórki, musisz dodać znaczniki tabeli, które nie zawsze są używane, takie jak , thead th, thead td {text-align: center;}tbody th, tbody td {text-align: center;}tfoot th, tfoot td {text-align: center;}
Usuń style dla obszarów, które nie mają być wyśrodkowane. 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 do swojego arkusza stylów: .centered-cell {text-align: center;}
Możesz dodać tę klasę do dowolnej komórki w swoim stole. Nie wahaj się używać tych stylów na żadnej z komórek tabeli. Możesz ich użyć na scalonych komórkach lub na pojedynczych komórkach, a tekst w środku zostanie wycentrowany. Jak wyśrodkować każdą komórkę nagłówka w tabeli
Centrowanie każdej komórki w tabeli głowy, ciała lub stopy
Jak wyśrodkować określone komórki lub komórki w tabeli
class = "centrowana komórka" >
Zawijanie