Heim > Web-Frontend > CSS-Tutorial > So verwenden Sie das Min-Height-Attribut von CSS

So verwenden Sie das Min-Height-Attribut von CSS

silencement
Freigeben: 2019-05-26 09:24:46
Original
5214 Leute haben es durchsucht

So verwenden Sie das Min-Height-Attribut von CSS

Definition und Verwendung des Min-Height-Attributs

In CSS wird das Min-Height-Attribut verwendet, um die Mindesthöhe von zu definieren ein Element, das heißt, das Element kann größer als der angegebene Wert sein, aber nicht kürzer als dieser. Wenn ein Element zu viel Inhalt enthält und die Mindesthöhe nicht hineinpasst, erhöht sich die Höhe des Elements mit zunehmendem Inhalt. Mit dieser Eigenschaft können keine negativen Werte angegeben werden, und die festgelegte Mindesthöhe umfasst keine Abstände, Rahmen oder Ränder.

Das Min-Height-Attribut wird zur Implementierung verwendet: Das Element muss eine bestimmte Höhe haben, möchte aber nicht festgelegt werden. Wenn der Elementinhalt kleiner als die Mindesthöhe des Elements ist, behält das Element die bei Mindesthöhe unverändert Wenn der Elementinhalt größer ist als die Mindesthöhe des Elements, erhöht sich die Höhe des Elements mit zunehmendem Elementinhalt.

Min-height-Attribut ähnliche Attribute

max-height-Attribut: Legen Sie die maximale Höhe des Elements fest

max-width-Attribut: Legen Sie das Maximum fest Breite des Elements

min-width attribute: Legen Sie die minimale Breite des Elements fest

min-height-Attributsyntaxformat

CSS-Syntax: min -height:length/%/inherit

JavaScript-Syntax: object.style.minHeight="10px"

Attributwertbeschreibung

Länge: definiert die Mindesthöhe des Elements, der Standardwert ist 0

%: Definiert die Mindesthöhe basierend auf dem Prozentsatz des Objekts auf Blockebene, das es enthält

erben: erbt den Wert des Min-Height-Attribut aus der Instanz

des übergeordneten Elements

So verwenden Sie das Min-Height-Attribut von CSS

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Min-Height-Attribut von CSS. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage