Heim > Artikel > Web-Frontend > So legen Sie die maximale Breite und Höhe eines Elements in CSS fest
So legen Sie die maximale Breite und Höhe eines Elements in CSS fest
- WBOYOriginal
- 2021-12-06 15:54:405635Durchsuche
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;}“.
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>Ausgabeergebnis:
(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!