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

So legen Sie die Div-Höhe in CSS fest

青灯夜游

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

Original

6065 Leute haben es durchsucht

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.

So legen Sie die Div-Höhe in CSS fest

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>

Nach dem Login kopieren

Rendering:

So legen Sie die Div-Höhe in CSS fest

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!