Heim > Artikel > Web-Frontend > So verwenden Sie das CSS-Attribut „max-width“.
So verwenden Sie das CSS-Attribut „max-width“.
- 青灯夜游Original
- 2019-05-30 15:25:303023Durchsuche
Das CSS-Attribut max-width legt die maximale Breite eines Elements fest. Es dürfen keine negativen Werte angegeben werden. Diese Eigenschaft legt eine maximale Grenze für die Breite des Elements fest. Daher kann das Element schmaler als der angegebene Wert, aber nicht breiter sein. Alle gängigen Browser unterstützen das max-width-Attribut.
Wie verwende ich das CSS-Attribut „max-width“?
Das max-width-Attribut definiert die maximale Breite eines Elements.
Syntax:
max-width: none|length|%|inherit;
Attributwert:
● keiner: Standard. Die Definition legt keine Begrenzung für die maximale Breite des Elements fest.
●Länge: Definiert die maximale Breite des Elements.
● %: Definiert die maximale Breite basierend auf dem Prozentsatz des Blockebenenobjekts, das sie enthält.
● Vererben: Gibt an, dass der Wert des Attributs „max-width“ vom übergeordneten Element geerbt werden soll.
Beschreibung: Dieses Attribut legt eine maximale Grenze für die Breite des Elements fest. Daher kann das Element schmaler als der angegebene Wert sein, jedoch nicht breiter. Negative Werte sind nicht zulässig.
Hinweis: Alle gängigen Browser unterstützen das Attribut „max-width“.
Beispiel für ein CSS-Attribut mit maximaler Breite
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p {
max-width: 400px;
border: 1px solid red;
}
</style>
</head>
<body>
<p>这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。
这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。
这是一些文本。
</p>
</body>
</html>Rendering:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Attribut „max-width“.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!