Pomoc pri programovaní, odpovede na otázky / html / Aký je rozdiel medzi týmito dvoma okrajmi? [duplicitné] - html, css

Aký je rozdiel medzi týmito dvoma okrajmi? [duplicitné] - html, css

Robím domácu úlohu pre univerzitu, aby som vytvoril webové stránky. Takže mám div id pojmenovaný kontajner, ktorý je môj div, ktorý bude definovať šírku pre celú svoju stránku. Takže moja otázka je učiteľ povedal, aby dal

#container {
width:Anyvaluepx;
margin:auto;

}

Takže som hľadal spôsoby, ako vycentrovať kontajner a videl som ľudí, ktorí hovoria, že niečo podobné:

#container {
width:valuepx;
margin 0 auto;

}

Myslím, že nie je potrebné môj html súbor, ale budem tiež príspevok:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Eagle"s Guitar Shop</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>

<body>
<div id="container">
<div id="header">
</div>
<div id="nav">
</div>
<div id="content">
</div>
<div id="footer">
</div>






</div> <!--Finish Container div-->
</body>
</html>

Takže moja otázka je jednoduchá, aký je rozdiel medzi okruhom použitia: auto; a okraj: 0 auto ;?

Vďaka za všetku otázku, takže marža funguje na premenu webových stránok s rozlíšením obrazovky v poriadku? takže je lepšie nechať všetky auto? alebo 0 auto ;?

Ďakujem za Tvoj čas.

odpovede:

2 pre odpoveď č. 1

Obaja vám dajú div horizontálne do stredu. Pridaním 0 zabezpečíte, že horné a spodné okraje budú nulové. Nemusíte robiť nič so zarovnaním centra. Pre viac informácií sa obráťte na nasledujúci príspevok.

Čo robí auto na okraji: 0 auto?

0 pre odpoveď č. 2

Rozdiel je v tom margin: auto; nastaví všetky okraje na auto; kdežto margin: 0 auto nastaví margin-top a margin-bottom obaja 0 a margin-left a margin-right obaja auto.

margin: auto;

je ekvivalentom:

margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;

kdežto

margin: 0 auto;

je ekvivalentom:

margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;

podobne

margin: 0 auto 10px;

by bolo ekvivalentné:

margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;

Referencie:

Vlastnosti CSS: margin.

0 pre odpoveď č. 3

margin: 0 auto je správny spôsob centrum kontajner. Rozdiel je margin: auto zámky s vertikálnou a horizontálnou osou, kde sa táto zameriava na horizontálnu os.