Cascading Style Sheets (CSS) är ett stilarksspråk som oftast används för att ställa in den visuella stilen på webbsidor som är skrivna i HTML och XHTML. Du kan vara ny för webbdesign eller CSS och har frågor om hur man centrerar ett bord på en webbsida. Du kan också vara en erfaren designer som är förvirrad om hur man utför den här tekniken nu när attributet CENTER-tag och align = "center" är borttagna i tabellen TABLE. Med CSS är det inte alls svårt att centrera tabeller på en webbsida.
Använd CSS för att centrera ett bord
Du kan lägga till en enda rad i ditt CSS-stilark för att centrera alla tabeller horisontellt:
eller du kan lägga till samma rad till din tabell direkt:
När du lägger ett bord på en webbsida placerar du det inom ett blocknivåelement, t.ex. BODY, P, BLOCKQUOTE eller DIV. Du kan centrera tabellen inom det här elementet med hjälp av marginal: auto; stil. Detta berättar att webbläsaren ska göra marginalerna på alla sidor av bordet lika, vilket placerar tabellen i mitten av webbsidan.
Vissa äldre webbläsare stöder inte den här metoden
Om din webbplats måste stödja en äldre webbläsare, till exempel Internet Explorer 6, måste du fortsätta användaalign = "center" eller CENTER-taggen för att centrera dina tabeller. Det handlar om den enda komplikationen du kommer att stöta på när du centrerar dina tabeller på en webbsida. Att använda denna teknik är lätt och kan utföras på några minuter.
