Heim > Artikel > Web-Frontend > So verwenden Sie das CSS-Breitenattribut
So verwenden Sie das CSS-Breitenattribut
- silencementOriginal
- 2019-05-27 14:44:314008Durchsuche
Definition und Verwendung des Attributs „min-width“
In CSS wird das Attribut „min-width“ verwendet, um die Mindestbreite festzulegen ein Element, das heißt, das Element kann breiter als der angegebene Wert sein, aber nicht schmaler als dieser, und negative Werte sind nicht zulässig. Die durch diese Eigenschaft festgelegte Mindestbreite umfasst keine Abstände, Ränder oder Ränder.
Das Attribut „min-width“ wird im Allgemeinen verwendet, um zu verhindern, dass die Elementbreite zu klein ist und das Gesamtlayout beschädigt wird. Wenn Sie die Breite des Elements nicht festlegen möchten, aber befürchten, dass die Elementbreite zu klein ist zu klein ist, um das Gesamtlayout zu beeinträchtigen, können Sie das Attribut min-width verwenden. Nach dem Festlegen der Mindestbreite hat das Element auch dann eine Breite, wenn es keinen Inhalt hat.
Ähnliche Attribute des Attributs „Mindestbreite“
Attribut „Maximalhöhe“: Legen Sie die maximale Höhe des Elements fest
Attribut „Maximalbreite“: Legen Sie das Maximum fest Breite des Elements
Mindesthöhen-Attribut: Legen Sie die Mindesthöhe des Elements fest
Mindestbreiten-Attributsyntaxformat
CSS-Syntax: min -width:length/%/inherit
JavaScript-Syntax: object.style.minWidth="10px"
Attributwertbeschreibung
Länge: definiert der Mindestbreitenwert des Elements (Standard hängt vom Browser ab)
%: Definiert die Mindestbreite basierend auf dem Prozentsatz des Blockebenenobjekts, das es enthält
inherit: Erbt den Wert von das Attribut „min-width“ aus dem übergeordneten Element
Beispiel
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css min-width属性设置元素最小宽度</title>
<style type="text/css">
.div{min-width:400px;height:100px;background:aliceblue;border:1px solid red;}
</style>
</head>
<body>
<div class="div">该元素的最小宽度为400px;将浏览器拖动变小，
<br/>该元素达到400px后不会再变小</div>
</body>
</html>Ergebnis ausführen
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Breitenattribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!