CSS-Overflow-X-Eigenschaft


  Übersetzungsergebnisse：

Englisch [ˌəʊvəˈfləʊ] US [ˌoʊvərˈfloʊ]

vt , Überlauf; Überlauf

Adj. Überlauf, voll aus

Dritte Person Singular: Überlauf Partizip Präsens: Überlauf Vergangenheitsform: Überlauf Partizip Perfekt: Überlauf

CSS-Overflow-X-EigenschaftSyntax

Funktion: Gibt an, ob der linke/rechte Rand des Inhalts zugeschnitten werden soll – wenn dieser über den Elementinhaltsbereich hinausläuft.

Syntax: overflow-x: sichtbar|versteckt|scrollen|auto|no-display|no-content;

Beschreibung: visible schneidet den Inhalt nicht zu und wird möglicherweise außerhalb des Inhaltsfelds angezeigt. Ausgeblendeter, zugeschnittener Inhalt – es ist kein Scrollmechanismus vorhanden. scroll Inhalt zuschneiden – Bietet einen Scrollmechanismus. auto Wenn die Box überläuft, sollte ein Scrollmechanismus bereitgestellt werden. no-display Wenn der Inhalt nicht in die Inhaltsbox passt, entfernen Sie die gesamte Box. no-content Blendet den gesamten Inhalt aus, wenn dieser nicht in das Inhaltsfeld passt.​

Hinweis: Verwenden Sie das overflow-y-Attribut, um den Zuschnitt der oberen/unteren Kanten zu bestimmen. Das overflow-x-Attribut funktioniert in IE8 und früheren Browsern nicht ordnungsgemäß.

CSS-Overflow-X-EigenschaftBeispiel

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

<div><p style="width:140px">
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</p></div>

<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>

</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten

einreichen