Heim > Web-Frontend > Front-End-Fragen und Antworten > So legen Sie die maximale Breite in HTML fest

So legen Sie die maximale Breite in HTML fest

青灯夜游
Freigeben: 2023-01-06 11:13:03
Original
7718 Leute haben es durchsucht

In HTML können Sie das Attribut „max-width“ verwenden, um die maximale Breite festzulegen. Verwenden Sie einfach das Attribut „style“, um dem Element den Stil „max-width:length|%“ hinzuzufügen Breite einer festen Größe; „ %“ definiert eine maximale Breite basierend auf einem Prozentsatz des Blockebenenobjekts des enthaltenden Elements.

So legen Sie die maximale Breite in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer. Das Attribut „max-width“ legt die maximale Breite eines Elements fest.

Hinweis: Das Attribut „max-width“ enthält keine Abstände, Ränder oder Ränder!

Attributwert:

Wert keinelength%Beispiel:
Beschreibung
Standard. Die Definition legt keine Begrenzung für die maximale Breite des Elements fest.
definiert den maximalen Breitenwert des Elements.
definiert die maximale Breite basierend auf dem Prozentsatz des Objekts auf Blockebene, das es enthält.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
  	<textarea>文本框默认宽度</textarea><br>
    <textarea style="max-width: 400px;">文本框最大宽度400px</textarea>
  </body>
</html>
Nach dem Login kopieren

Rendering:


So legen Sie die maximale Breite in HTML fest (Lernvideo-Sharing:

CSS-Video-Tutorial

)

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

Verwandte Etiketten:
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage