Om du är en nybörjare webbdesigner, kanske du har frågor om hur man centrerar texten inuti en tabellcell. Med denna guide, behärska denna teknik på bara några minuter. Det är enkelt - även om du aldrig har försökt att förut.
Komma igång
Centrerande text inuti en cell görs bäst med CSS, precis som att du skulle centrera text i ett annat element på din webbsida. Innan du börjar måste du bestämma vad exakt du vill vara centrerad. Med ett bord har du flera alternativ, inklusive varje cell i bordet; varje huvudcell i bordet varje cell i bordshuvudet, bordkroppen eller bordfoten. Du kan också centrera en viss cell eller uppsättning celler i tabellen.
Dessutom ska du skapa ett internt stilark i huvudet på ditt dokument eller bifogas dokumentet som ett externt stilark. Du kommer att lägga stilar för att centrera dina bordsceller i det stilarket.
Hur centrerar du varje cell i tabellen
Lägg till följande rader i ditt stilark:
td, th {text-align: center;} Lägg till följande rader i ditt stilark: th {text-align: center;} För att kunna centrera dessa celler måste du lägga till tablettkoder som inte alltid används, till exempel , thead th, thead td {text-align: center;}tbody th, tbody td {text-align: center;}tfoot th, tfoot td {text-align: center;}
Ta bort stilar för de områden du inte vill centrera. För att göra detta måste du ställa in en klass på de celler du vill vara centrerad. Lägg till följande attribut i tabellcellerna som du vill centrera: Lägg sedan till följande i ditt stilark: .center-cell {text-align: center;}
Du kan lägga till den här klassen i vilken cell som helst i ditt bord. Tveka inte att använda dessa stilar på någon av dina bordsceller. Du kan använda dem på sammanslagna celler eller på enskilda celler och texten inom kommer att centreras. Hur centreras varje huvudcell i tabellen
Centrerar varje cell i bordshuvudet, kroppen eller foten
Så här centrerar du en specifik cell eller celler i ett bord
class = "centrerat-cell" >
Avslutar
