Was bedeutet margin auto bedeuten?

Habe ich überprüft MDN, um zu sehen, was bedeutet, dass ein Wert auto für margin-Eigenschaft und es sagt: "auto ist ersetzt durch einige geeignete Wert, z.B. es kann verwendet werden zum zentrieren der Blöcke."

Aber was es ist, dass geeignete Wert ist, und geeignet für was?

Versuchte ich mich selbst einige Experimente und ich sah, dass, wenn ich hinzufügen margin-left: auto, der container geht nach rechts (wie schwimmt nach rechts):

#container {
    background: red;
    width: 120px;
    margin-left: auto;
}

http://jsfiddle.net/sph2j6jx/

Bedeutet es, dass das hinzufügen margin auto ist eigentlich so etwas wie "nehmen Sie den ganzen Raum zur Verfügung"? Und wenn Sie hinzufügen, beide linken und rechten Rand zentriert das div, da er versucht, nehmen den Raum von Links und von rechts?

InformationsquelleAutor Alin Ciocan | 2014-10-07
  1. 11

    Auto Ränder

    Je nach den Umständen, die Bereitstellung eines auto-Wert weist
    der browser zum Rendern einer Marge entsprechend dem Wert der in Ihrer
    eigenes stylesheet. Jedoch, wenn solch eine Marge angewendet wird, um ein element
    mit einer sinnvollen Breite, ein auto-margin statt dazu führt, dass alle
    verfügbare Raum gerendert werden als whitespace.

    Vom w3.org

    • "Je nach den Umständen, die Bereitstellung eines auto-Wert weist den browser zum Rendern einer Marge entsprechend der Wert der im eigenen stylesheet." Hmm, klingt unwahrscheinlich für mich. Wäre interessant, zu welchen Umständen der Autor im Sinn hatte.
    • Was bedeutet es, durch sinnvolle Breite?
    InformationsquelleAutor emmanuel
  2. 6

    Den Wert der besagte Eigenschaft ist eingestellt automatisch nach dem Inhalt oder dem Kontext des Elements.

    Beispielsweise ein block-level-element mit height: auto wird größer, da es mehr text enthält. Für ein weiteres Beispiel, ein block-element mit margin: 0 auto haben die linken und rechten Ränder erhöht, bis es wird, zentriert entlang der y-Achse des viewport.

    Es hängt wirklich davon ab, die Immobilie, die Sie geben, die Wert auf verschiedene Eigenschaften, die sich unterschiedlich Verhalten, je nach Inhalt und Kontext.

    Referenz - Was ist die Bedeutung von `auto` Wert in einer CSS-Eigenschaft.

    InformationsquelleAutor ummahusla
  3. 2
    #main {
  width: 600px;
  margin: 0 auto; 
}

    <div id="main"> Einstellung der Breite eines block-level-element ist, um sich auszustrecken, um die Kanten des Containers auf der linken und rechten Seite. Dann können Sie den linken und rechten Rand auf auto-horizontal-center, das element innerhalb des Containers. Das element wird dauern, bis die Breite, die Sie angeben, dann wird der Verbleibende Platz wird gleichmäßig auf die beiden Margen.</div>

    InformationsquelleAutor deepakb
Schreibe einen Kommentar