So deaktivieren Sie die linken und rechten Bildlaufleisten der Seite in CSS-CSS-Tutorial-php.cn

So deaktivieren Sie die linken und rechten Bildlaufleisten der Seite in CSS

WBOY

Freigeben： 2021-12-02 16:37:52

Original

6636 Leute haben es durchsucht

In CSS können Sie das Attribut „overflow-x“ verwenden, um die linken und rechten Bildlaufleisten der Seite zu deaktivieren. Wenn der Wert dieses Attributs „hidden“ ist, können Sie den Elementinhalt über den linken und rechten Rand hinaus ausblenden , wodurch die linke und rechte Bildlaufleiste der Seite deaktiviert wird. Die Syntax lautet „body{overflow-x:hidden;}“.

So deaktivieren Sie die linken und rechten Bildlaufleisten der Seite in CSS

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

So deaktivieren Sie die linken und rechten Bildlaufleisten der Seite in CSS

Wir können das Attribut overflow-x verwenden, um den Inhalt, der die linke und rechte Breite der Seite überschreitet, so festzulegen, dass er ausgeblendet wird Die linken und rechten Bildlaufleisten werden nicht auf der Seite angezeigt.

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    body{
        overflow-x:hidden;
    }
    </style>
</head>
<body>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</body>
</html>

Nach dem Login kopieren

Wenn der Stil „overflow-x:hidden;“ nicht zum Body-Element hinzugefügt wird, lautet das Ausgabeergebnis wie folgt:

So deaktivieren Sie die linken und rechten Bildlaufleisten der Seite in CSS

Das Ausgabeergebnis des obigen Beispiels lautet wie folgt :

So deaktivieren Sie die linken und rechten Bildlaufleisten der Seite in CSS

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie die linken und rechten Bildlaufleisten der Seite in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!