Hur Man Gör En Webbplats Centrerad

Innehållsförteckning:

Hur Man Gör En Webbplats Centrerad
Hur Man Gör En Webbplats Centrerad

Video: Hur Man Gör En Webbplats Centrerad

Video: Hur Man Gör En Webbplats Centrerad
Video: Bygga en layout och centrera en webbsida - HTML och CSS nybörjarguide del 13 2024, Maj
Anonim

De flesta sidor idag är lagda med lager (div), så problemet med att anpassa webbplatsen till mitten av webbläsarfönstret reduceras till uppgiften att centrera lagret som bestämmer bredden på det synliga området på sidan. För att den ska kunna placeras i mitten av fönstret är det nödvändigt att ställa in lämpliga inställningar för dess överordnade element eller för detta block i sig.

Hur man gör en webbplats centrerad
Hur man gör en webbplats centrerad

Det är nödvändigt

Grundläggande kunskaper i HTML- och CSS-språk

Instruktioner

Steg 1

Placera lagret som du vill placera i mitten av fönstret, mellan de inledande och stängande delarna av mitttaggen, om du bara vill göra det med hjälp av HTML-språket (HyperText Markup Language - "hypertext markup language"). Vi antar att föräldern till lagret som definierar sidgränserna är den här sidan. Den enklaste versionen av HTML-koden som använder mitttaggen kan i det här fallet se ut så här:

Mitt sida

sidtext

Steg 2

Om du vill använda CSS (Cascading Style Sheets) för att centrera sidan, använd automatisk storlek på stoppningen från webbläsarens fönster. Marginalstorlekarna i CSS bestäms av marginalparametern. Ta bort mittetiketterna från föregående exempel och lägg till en marginalparameter på 0 auto i stilattributet för lagret som definierar sidbredden:

Mitt sida

sidtext

Steg 3

Naturligtvis kan stildefinitionen tas ur stilattributet och placeras i en extern fil eller i dokumentets huvud (mellan taggarna och). I det här fallet kommer samma kod att se ut så här:

Mitt sida

#pageFrame {

bredd: 700 px;

höjd: 400px;

bakgrund: # 0BB;

marginal: 0 auto;

}

sidtext

Rekommenderad: