Jak wyśrodkować tekst w komórce tabeli

Nicola Tree / Digital Vision / Getty Images

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 wykonywać za pomocą CSS, tak jak w przypadku wyśrodkowania tekstu 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:

|_+_|

Jak wyśrodkować każdą komórkę nagłówka w tabeli?

Dodaj następujące wiersze do swojego arkusza stylów:

|_+_|

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, takie jak

,oraz

|_+_|

Usuń style dla obszarów, których nie chcesz wyśrodkować.

Jak wyśrodkować określoną komórkę lub komórki w tabeli

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:

|_+_|

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ć na scalonych komórkach lub na pojedynczych komórkach, a tekst wewnątrz zostanie wyśrodkowany.