Heim > Artikel > Web-Frontend > So legen Sie die Mindesthöhe in CSS fest
So legen Sie die Mindesthöhe in CSS fest
- 醉折花枝作酒筹Original
- 2021-04-20 14:32:216100Durchsuche
In CSS können Sie das Attribut „min-height“ verwenden, um die Mindesthöhe festzulegen. Die Syntax lautet „min-height: value“. Das Attribut „min-height“ legt die Mindesthöhe des Elements fest. Dieser Attributwert legt eine Mindestgrenze für die Höhe des Elements fest, die verhindert, dass der Anwendungswert des Höhenattributs kleiner als der Wert von „min-height“ ist.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html. Verwenden Sie das div-Tag, um ein Modul zu erstellen. Schreiben Sie Text zum Testen. Setzen Sie in der Datei test.html das Klassenattribut von div auf mydiv, das hauptsächlich zum Festlegen des CSS-Stils über diese Klasse unten verwendet wird. Schreiben Sie in die Datei test.html das Tag und der CSS-Stil der Seite wird in dieses Tag geschrieben.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
<style>
</style>
</head>
<body>
<div class="mydiv">
这是测试的内容
</div>
</body>
</html>Verwenden Sie im CSS-Tag „width“, um die Breite des Div auf 100 Pixel festzulegen, verwenden Sie „background“, um die Hintergrundfarbe auf Rot festzulegen, und verwenden Sie „color“, um die Textfarbe auf Weiß festzulegen.
<style>
.mydiv{
width:100px;
background: red;
color: #fff;
}
</style>Verwenden Sie im CSS-Tag min-height, um die Mindesthöhe des div festzulegen. Wenn der Text im div relativ klein ist und nicht ausreicht, um das div zu öffnen, wird min-height wirksam. Öffnen Sie die Datei test.html im Browser, um den Effekt zu überprüfen.
min-height: 100px;
Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo legen Sie die Mindesthöhe in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!