Wie man sich in CSS über die Höhe hinaus versteckt-CSS-Tutorial-php.cn

Wie man sich in CSS über die Höhe hinaus versteckt

青灯夜游

Freigeben： 2023-01-07 11:43:24

Original

5038 Leute haben es durchsucht

In CSS können Sie das Attribut „overflow-y“ verwenden, um den Effekt des Versteckens über die Höhe hinaus zu erzielen. Sie müssen dem Element lediglich den Stil „overflow-y:hidden“ hinzufügen. Das Attribut overflow-y gibt an, was passiert, wenn der Inhalt über den oberen/unteren Rand des Elements hinausläuft. Wenn der Wert ausgeblendet ist, wird der überschüssige Teil ausgeblendet.

Wie man sich in CSS über die Höhe hinaus versteckt

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS können Sie das Attribut overflow-y verwenden, um einen versteckten Effekt über die Höhe hinaus zu erzielen.

Sehen wir uns das folgende Codebeispiel an:

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:500px;
height:90px;
border:thin solid black;
overflow-y:hidden;
}
</style>
</head>
<body>

<div>
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</div>
</body>
</html>

Nach dem Login kopieren

Rendering:

Wie man sich in CSS über die Höhe hinaus versteckt

Beschreibung:

overflow-y-Attribut gibt an, was passiert, wenn der Inhalt über den oberen/unteren Rand des Elements hinausläuft; Wenn der Wert ausgeblendet ist, wird der Inhalt abgeschnitten und der überschüssige Teil ausgeblendet. Das Attribut

overflow-y hat die folgenden Werte:

Wert	Beschreibung
visible	Standardwert. Der Inhalt wird nicht beschnitten und außerhalb der Elementbox gerendert.
versteckt	Der Inhalt wird gekürzt und der Rest des Inhalts ist unsichtbar.
scrollen	Der Inhalt wird gekürzt, aber der Browser zeigt Bildlaufleisten an, um den Rest des Inhalts anzuzeigen.
automatisch	Wenn Inhalte zugeschnitten werden, zeigt der Browser Bildlaufleisten an, um den Rest des Inhalts anzuzeigen.
keine Anzeige	Wenn der Inhalt nicht in das Inhaltsfeld passt, löschen Sie das gesamte Feld.
no-content	Den gesamten Inhalt ausblenden, wenn er nicht in das Inhaltsfeld passt.

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWie man sich in CSS über die Höhe hinaus versteckt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!