Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie die maximale Breite in CSS fest

藏色散人
Freigeben: 2023-01-05 16:09:34
Original
6423 Leute haben es durchsucht

So legen Sie die maximale Breite von CSS fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Legen Sie dann den Textinhalt über das p-Tag im Textkörper fest. Legen Sie schließlich die maximale Breite des Textabsatzes über das Attribut „max-width“ in CSS fest .

So legen Sie die maximale Breite in CSS fest

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, HTML5- und CSS3-Version.

max-width definiert die maximale Breite des Elements.

Beschreibung

Dieser Attributwert 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.

Standardwert: keiner

Vererbung: nein

Version: CSS2

JavaScript-Syntax: object.style.maxWidth="50px"

Mögliche Werte

keine Standardeinstellung. Die Definition legt keine Begrenzung für die maximale Breite des Elements fest.

length definiert den maximalen Breitenwert des Elements.

% definiert die maximale Breite als Prozentsatz des Objekts auf Blockebene, das sie enthält.

inherit gibt an, dass der Wert des Attributs max-width vom übergeordneten Element geerbt werden soll.

【Empfohlenes Lernen: CSS-Video-Tutorial

Beispiel

Legen Sie die maximale Breite eines Absatzes fest:

<html>
<head>
<style type="text/css">
p
{
max-width: 300px
}
</style>
</head>
<body>

<p>这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。</p>

</body>
</html>
Nach dem Login kopieren

Effekt:

So legen Sie die maximale Breite in CSS fest

Das obige ist der detaillierte Inhalt vonSo legen Sie die maximale Breite in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!