CSS3-Boxgrößeneigenschaft
Übersetzungsergebnisse:
& vi.Dritte Person Singular: Boxen Plural: Boxen Präsens: Boxen Partizip Perfekt: Boxen
Instanz ausführen »
英['saɪzɪŋ] US['saɪzɪŋ]
n Material; Schlackenmahlung; Verarbeitung nach Größe
CSS3-BoxgrößeneigenschaftSyntax
Was es macht: Ermöglicht Ihnen, genau zu definieren, was an einen bestimmten Bereich angepasst ist.
Hinweis: Internet Explorer, Chrome, Safari und Opera unterstützen das Attribut „Boxgröße“. Firefox erfordert das Präfix -moz-.
Mit dem Box-Sizing-Attribut in CSS3 können Sie bestimmte Elemente definieren, die auf eine bestimmte Weise zu einem bestimmten Bereich passen. Es hat zwei Werte: content-box bedeutet, dass die tatsächliche Breite die Summe aus Breite, Rahmen und Innenabstand ist -Box bedeutet die tatsächliche Breite. Die Breite entspricht dem Breitenwert
CSS3-BoxgrößeneigenschaftBeispiel
<!DOCTYPE html> <html> <head> <style> div.container { width:30em; border:1em solid; } div.box { box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width:50%; border:1em solid red; float:left; } </style> </head> <body> <div class="container"> <div class="box">这个 div 占据左半部分。</div> <div class="box">这个 div 占据右半部分。</div> </div> </body> </html>
Instanz ausführen »
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen
Beliebte Empfehlungen
- Was macht box-sizing: border-box eigentlich?
- Ausführliche Erläuterung der Boxgröße von CSS-Eigenschaften
- Leitfaden zu CSS-Bildeigenschaften: Umriss und Boxgröße
- Tipps zur Optimierung der CSS-Boxmodelleigenschaften: Boxgröße
- Einführung in das CSS-Boxmodell und die Boxgrößeneigenschaften
- box-blur.dll - Was ist box-blur.dll?