Heim > Artikel > Web-Frontend > So legen Sie die Div-Höhe in CSS fest
So legen Sie die Div-Höhe in CSS fest
- 青灯夜游Original
- 2021-04-21 11:23:195810Durchsuche
In CSS können Sie das Höhenattribut verwenden, um die Div-Höhe festzulegen. Sie müssen nur den Stil „height: height value;“ hinzufügen. Das Höhenattribut kann die Höhe eines Elements festlegen. Es definiert die Höhe des Inhaltsbereichs des Elements, ohne Polsterung, Ränder oder Ränder.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
CSS legt die Div-Höhe fest
In CSS können Sie das Höhenattribut verwenden, um die Div-Höhe festzulegen. Codebeispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div {
width: 500px;
border: 1px solid red;
margin: 10px 0;
}
div.height{
height:100px;
}
</style>
</head>
<body>
<div>
这是一些文本。 这是一些文本。 这是一些文本。 （默认高度）
</div>
<div class="height">
这是一些文本。 这是一些文本。 这是一些文本。(高度设置为100px)
</div>
</body>
</html>Rendering:
Beschreibung: Das Attribut
height legt die Höhe des Elements fest.
Hinweis: Die Höheneigenschaft umfasst keine Polsterung, Ränder oder Ränder!
Attributwert:
| Wert | Beschreibung |
|---|---|
| Auto | Standard. Der Browser berechnet die tatsächliche Höhe. |
| Länge | Verwenden Sie px, cm und andere Einheiten, um die Höhe zu definieren. |
| % | Basierend auf der prozentualen Höhe des Objekts auf Blockebene, das es enthält. |
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !
Das obige ist der detaillierte Inhalt vonSo legen Sie die Div-Höhe in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!