Heim >Web-Frontend >CSS-Tutorial >Wie man sich in CSS über die Höhe hinaus versteckt
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.
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>Rendering:
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!