Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie die maximale Breite und Höhe eines Elements in CSS fest

WBOY
Freigeben: 2021-12-06 15:54:40
Original
5621 Leute haben es durchsucht

Einstellungsmethode: 1. Verwenden Sie das Attribut „max-width“, um die maximale Breite des Elements festzulegen. Die Syntax lautet „element {max-width: maximaler Breitenwert des Elements;}“; „-Attribut, um die maximale Breite des Elements festzulegen. Höhe, die Syntax lautet „element {max-width: maximaler Höhenwert des Elements;}“.

So legen Sie die maximale Breite und Höhe eines Elements in CSS fest

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

So legen Sie die maximale Breite und Höhe eines Elements in CSS fest

In CSS können Sie die Attribute max-width und max-height verwenden, um die maximale Breite und Höhe des Elements festzulegen Das Attribut „max-width“ dient zum Definieren des Elements. Das Attribut „maximum width“ und „max-height“ werden zum Festlegen der maximalen Höhe des Elements verwendet.

Nehmen wir ein Beispiel, um zu sehen, wie man die maximale Breite und maximale Höhe eines Elements festlegt. Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
p {
    text-indent: 1cm;
    max-width:350px;
    max-height:100px;
    }
</style>
</head>
<body>
<p>
噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。地崩山摧壮士死,然后天梯石栈相钩连。上有六龙回日之高标,下有冲波逆折之回川。黄鹤之飞尚不得过,猿猱欲度愁攀援。青泥何盘盘,百步九折萦岩峦。扪参历井仰胁息,以手抚膺坐长叹。
</p>
<img  src="1118.02.png"  alt="So legen Sie die maximale Breite und Höhe eines Elements in CSS fest" >
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So legen Sie die maximale Breite und Höhe eines Elements in CSS fest

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo legen Sie die maximale Breite und Höhe eines Elements 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