Rikta In Din Webbplats Till Centrum

Innehållsförteckning:

Rikta In Din Webbplats Till Centrum
Rikta In Din Webbplats Till Centrum

Video: Rikta In Din Webbplats Till Centrum

Video: Rikta In Din Webbplats Till Centrum
Video: Рикта 04:4 против Милта Ф 8 01 2024, November
Anonim

Vid kodning måste webbansvariga göra mycket för att få webbplatsen att se lika bra ut vid olika skärmupplösningar. Den bästa lösningen är att centrera allt innehåll på sidan.

Rikta in din webbplats till centrum
Rikta in din webbplats till centrum

Instruktioner

Steg 1

Centreringsjusteringsmetoden beror på layoutmetoden. Du kan använda taggar eller

… Naturligtvis är det lättare att lägga in allt innehåll i en tagg, men det är föråldrat för länge sedan, och det finns ingen garanti för att allt fungerar korrekt. Det mest moderna sättet är att använda CSS-teknik.

Steg 2

Taggen separerar en del av koden i ett block, så att du kan ändra utseendet på innehållet, vilket ger fragmentet ett teckensnitt, färg, bakgrund etc. Med blocklayout placeras allt innehåll i taggen i taggen. I ställer vi in justeringen med attributet align. Det kommer att se ut så här:

Webbplatsinnehåll

Steg 3

Centrering kan också ställas in med CSS-verktyg. För att göra detta måste du skapa en separat fil med formatmallar eller placera allt i samma HTML-fil i taggen. Koden kommer att se ut så här:

* {marginal: 0; stoppning: 0;}

kropp {

textjustera: centrum;

}

div {

bredd: 700 px;

marginal: 0 auto;

}

Steg 4

I tabelllayout ställs centrering in med hjälp av tabeller i taggen

… Koden kommer att vara så här: <sitetabell

… Tabellen kommer att placeras i mitten av sidan, och dess innehåll kommer också. Du kan också ställa in bredden på valfritt block genom att ange det med hjälp av breddparametern.

Steg 5

När du väljer en sidbredd, kom ihåg att användarnas skärmupplösningar kan skilja sig mycket från din. Ibland bör du ställa in allt som en procentsats för att inte misstas med storleken. Detta är särskilt användbart om du har en enkel webbplats.

Steg 6

Oavsett vilken metod du använder, se till att din webbplats fungerar korrekt i alla webbläsare. Om det av någon anledning visas felaktigt i en av dem - ange detta.

Rekommenderad: