Ausführliche Erklärung zur Verwendung des Auto-Attributs in CSS

– Was ist „Auto“?

+Auto bedeutet „Adaptiv“ und ist der Standardwert für viele Größenwerte, der vom Browser automatisch berechnet wird.

+Die Summe aus Rand, Rahmen, Innenabstand und Inhaltsbreite im Blockebenenelement bildet die Breite des übergeordneten Elements .

Wenn sich nach Verwendung des Auto-Attributs die Breite des übergeordneten Elements ändert, ändert sich auch die Breite des Elements entsprechend.

Im Bild unten ist der Wert von auto die Summe aus Rand, Rahmen, Innenabstand und Inhaltsbreite

+ Aber wenn das Element ist Wenn es auf Float eingestellt ist, wird die Breite des Elements zur Breite des Inhalts , die durch den Inhalt gestreckt wird, was den sogenannten Wrapping darstellt .

Überlauf |. float:left/right kann einen Umbruch erzeugen, und Ersatzelemente haben auch einen Umbruch.

*|position:relavtive|relative Positionierung nimmt die ursprüngliche Position ein und kann keine Moduskonvertierung erreichen, das heißt, es hat keine Wrapping-Eigenschaften.

Daher kann width: auto; nicht für umschlossene Elemente verwendet werden, um die Elementbreite an die Browserbreite anzupassen. Wie in der Abbildung unten gezeigt

– Manchmal funktioniert die Einstellung von margin:0 auto nicht?

+maigin: 0 auto; bedeutet, dass der obere und untere Rand des Elements 0 sind und der linke und rechte Rand entsprechend der Breite des übergeordneten Elements (Körper), also der linken, adaptiv sind und rechts sind horizontal zentriert. Wenn diese Einstellung nicht funktioniert, kann das grundsätzlich zwei Gründe haben.

+ (1) Die Breite ist für p nicht festgelegt. Wenn p eine Breite hat, kann es nicht auf die Breite des übergeordneten Elements verweisen, um seine eigene automatische Ausführung durchzuführen.

+ (2) p ist umhüllt, das heißt, es befindet sich außerhalb des Standardflusses, genau wie der Standardfluss, auf dem sich das übergeordnete Objekt befindet, mit der Erdoberfläche verglichen wird, das Umhüllungselement bereits in den Himmel gestiegen. Es gibt keine Breite des übergeordneten Elements als Referenz für die automatische Ausführung.

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zur Verwendung des Auto-Attributs in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!