Heim > Artikel > Web-Frontend > So legen Sie die maximale Höhe in CSS fest
Die Möglichkeit, die maximale Höhe in CSS festzulegen, besteht darin, das Attribut max-height zu verwenden, z. B. [max-height:50px;], was bedeutet, dass die maximale Höhe auf 50px festgelegt wird.
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
Das max-height-Attribut in CSS kann die maximale Höhe eines Elements festlegen.
Attributwert:
kein Standard. Die Definition legt keine Begrenzung für die maximal zulässige Höhe eines Elements fest.
length definiert den maximalen Höhenwert des Elements.
% definiert die maximale Höhe als Prozentsatz des Objekts auf Blockebene, das sie enthält.
inherit gibt an, dass der Wert des Attributs „max-height“ vom übergeordneten Element geerbt werden soll.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> p { max-height:50px; background-color:yellow; } </style> </head> <body> <p>这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。</p> </body> </html>
Verwandte Empfehlungen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo legen Sie die maximale Höhe in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!