Wie steuere ich horizontale Bildlaufleisten in CSS-'div'-Elementen?

Horizontale Bildlaufleisten in einem CSS-'div'-Element steuern

Beim Arbeiten mit 'div'-Containern in CSS kann es vorkommen, dass Sie nur horizontale Bildlaufleisten wünschen. In diesem Artikel wird erläutert, wie Sie dieses Verhalten erreichen.

Im bereitgestellten Codeausschnitt haben Sie die Eigenschaft „overflow“ auf „auto“ konfiguriert, was sowohl horizontales als auch vertikales Scrollen ermöglicht, wenn der Inhalt die angegebene Breite oder Höhe überschreitet . Um das Scrollen auf die horizontale Ebene zu beschränken, ändern Sie die Eigenschaft „overflow-y“ wie folgt:

div#tbl-container {
    overflow: hidden;
    overflow-y: auto;
    scrollbar-base-color: #ffeaff;
}

Indem Sie „overflow-y“ auf „auto“ setzen, ermöglichen Sie automatisches vertikales Scrollen, wenn die Inhaltshöhe größer ist Die „div“-Höhe, während „overflow“ auf „hidden“ gesetzt ist, verhindert horizontales Scrollen, es sei denn, die Inhaltsbreite überschreitet die angegebene „div“-Breite.

In Internet Explorer (IE)-Versionen 6-7 ist eine zusätzliche CSS3-Erweiterung zum Unterdrücken der vertikalen Bildlaufleiste erforderlich:

div#tbl-container {
    overflow: auto;
    overflow-y: hidden;
    scrollbar-base-color: #ffeaff;
    -ms-overflow-y: hidden;
}

Dieses „-ms“-Präfix wird verwendet, um IE8 zu unterstützen, da Microsoft die Standardeigenschaften vor der Kandidatenempfehlung als eigene festgelegt hat Namespace.

Es ist bemerkenswert, dass IE8 diesen Fehler möglicherweise behoben hat, sodass das Präfix „-ms“ nicht mehr erforderlich ist. Dennoch sollten die oben genannten CSS-Änderungen das gewünschte Ergebnis bei der Steuerung von Bildlaufleisten für „div“-Elemente liefern.

Das obige ist der detaillierte Inhalt vonWie steuere ich horizontale Bildlaufleisten in CSS-'div'-Elementen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!