Czy to jest najlepszy sposób na zrobienie <body> maksymalnej szerokości i wyśrodkowanie?

Chcę, aby zawartość strony internetowej była wyśrodkowana i maksymalna szerokość, powiedzmy 900px.Czy to jest najlepszy sposób na zrobienie <body> maksymalnej szerokości i wyśrodkowanie?

Z moich badań i testów, wygląda w ten sposób, aby to zrobić, ale chciałem, aby potwierdzić:

<body style="max-width:900px; text-align:center;margin-left:auto ;margin-right:auto">

Oczywiście, można by umieścić styl w CSS.

Uważam, że każdy, kto ma duży ekran, będzie miał całkiem nową przeglądarkę.

Źródło

2012-06-18 Clay Nichols

Dlaczego max-width, a nie stałą szerokość? Czy "wyśrodkowana treść" oznacza zarówno wyśrodkowany korpus, jak i wyśrodkowany korpus * tekst *? – BoltClock

CSS:

body { width: 100%; text-align: center; } 
#centerContainer { width: 900px; text-align: left; margin: 0px auto; }

HTML:

<body> 
    <div id="centerContainer">Content</div> 
</body>

Źródło

2012-06-18 18:39:42 David

Sposób, w jaki to robię, polega na utworzeniu opakowania typu div, które będzie przechowywać zawartość na stronie.

CSS:

#wrapper{margin:0 auto; width:900px;}

HTML:

<div id="wrapper> 

<!--content goes here--> 

</div> <!--/wrapper-->

Źródło

2012-06-18 18:39:08 Mali

Dlaczego chcesz utworzyć opakowanie DIV zamiast tylko zastosować styl do znacznika ? –

Chciałbym zastosować go do DIV, ponieważ mogę chcieć dodać więcej stylów do niego. Na przykład chcę, aby moje ciało bg było żółte, a mój główny blok treści ("opakowanie") był niebieski. Zgaduję, że cokolwiek działa najlepiej, oba są w porządku. To zależy od celu końcowego. – Mali

Dlaczego po prostu nie dodać tła do html, w tym szczególnym przypadku? – Hejner

Zamiast robić to na ciele, chciałbym stworzyć „otoki” div i styl to tak:

<div style="width: 900px; margin: auto;">Content</div>

Źródło

2012-06-18 18:39:46 callmedpit

Zamiast zrobić <body>skupione, polecam zrobić <div> postaci opakowanie lub kontener z width: 900px.

HTML:

<body> 
    <div id="container"> 

    **Your Contents** 

    </div> 
</body>

CSS:

body{ 
    width: 100%; 
} 
#container { 
    width: 900px; 
    margin: 0 auto; 
}

Źródło

2012-06-18 18:39:53 Asif

Dlaczego używać opakowania, dopóki jest to potrzebne? Nie zawijałbym rzeczy nilly-willy tylko dlatego, że możesz, to się sumuje. Ponadto, można użyć tagu ciało jako "wolny wrapper", jeśli chcesz:

CSS:

html { 
    margin: 0 auto; 
    max-width: 900px; 
} 
body 
{ 
    /* whatever you want */ 
}

Źródło

2012-06-19 00:22:38 Johann

Czy to jest najlepszy sposób na zrobienie <body> maksymalnej szerokości i wyśrodkowanie?

Odpowiedz

Powiązane problemy