Skip to main content

Sådan centreres en tabel ved hjælp af CSS

Costo de Vida en Canadá | ¿Cuánto Cuesta Vivir en Toronto, Canadá? (April 2025)

Costo de Vida en Canadá | ¿Cuánto Cuesta Vivir en Toronto, Canadá? (April 2025)
Anonim

Cascading Style Sheets (CSS) er et stilarksprog, der oftest bruges til at indstille den visuelle stil på websider, der er skrevet i HTML og XHTML. Du kan være ny til webdesign eller CSS og har spørgsmål om, hvordan du centrerer et bord på en webside. Du kan også være en erfaren designer, der er forvirret i, hvordan du udfører denne teknik, da CENTER-tag og align = "center" -attributten fjernes i tabellen TABLE. Med CSS er det ikke svært at centrere tabeller på en webside.

Brug CSS til at centrere en tabel

Du kan tilføje en enkelt linje til dit CSS stilark for at centrere alle tabeller vandret:

eller du kan tilføje samme linje direkte til din tabel:

Når du placerer et bord på en webside, placerer du det inden for et blokniveauelement som f.eks. BODY, P, BLOCKQUOTE eller DIV. Du kan centrere bordet inden for dette element ved at bruge margen: auto; stil. Dette fortæller browseren at gøre margenerne på alle sider af bordet ens, hvilket placerer bordet i midten af ​​websiden.

Nogle gamle webbrowsere understøtter ikke denne metode

Hvis dit websted skal understøtte en ældre webbrowser, f.eks. Internet Explorer 6, skal du fortsætte med at brugealign = "center" eller CENTER-tagget for at centrere dine tabeller. Det handler om den eneste komplikation, du vil løbe ind, når du centrerer dine tabeller på en webside. Brug af denne teknik er let og kan udføres i løbet af få minutter.