So legen Sie die Mindesthöhe in CSS fest-CSS-Tutorial-php.cn

So legen Sie die Mindesthöhe in CSS fest

醉折花枝作酒筹

Freigeben： 2023-01-05 16:10:01

Original

6149 Leute haben es durchsucht

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.

So legen Sie die Mindesthöhe in CSS fest

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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;

Nach dem Login kopieren

So legen Sie die Mindesthöhe in CSS fest

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!