So implementieren Sie Bildlaufleisten im Bootstrap

Implementierungsmethode: 1. Verwenden Sie die Schriftsatzklasse „

<div class="pre-scrollable">“. 2. Verwenden Sie „

“ implementiert Bildlaufleisten.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 3.3.7, DELL G3-Computer

So implementieren Sie Bildlaufleisten in Bootstrap

Erstens: Fügen Sie einen Bootstrap-Stil hinzu, um Bildlaufleisten hinzuzufügen

Tatsächlich , sofern es sich im Klassenattribut des entsprechenden Moduls befindet und vorab scrollbar ist.

Fügen Sie zum Beispiel vorab scrollbare Elemente in

hinzu:

<div class="pre-scrollable">

Nach dem Login kopieren

Zweitens: Fügen Sie Bildlaufleisten hinzu, indem Sie den Überlauf festlegen

<div   style="max-width:90%"https://img.php.cn/upload/image/676/898/602/1644890761462693.png" title="1644890761462693.png" alt="So implementieren Sie Bildlaufleisten im Bootstrap"/></p><p>Drei: Geben Sie einfach das Überlaufattribut als auto für das div direkt an, aber die Höhe des div muss wie folgt angegeben werden: </p><pre class="brush:html;toolbar:false"><div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>

Nach dem Login kopieren

Wenn Sie möchten, dass eine horizontale Bildlaufleiste angezeigt wird, dann: overflow-x :auto

Ähnlich lautet die vertikale Bildlaufleiste: overflow-y:auto

Wenn das div in anderen Objekten wie td enthalten ist, wird das Position kann auf relativ gesetzt werden: Position: relativ Y-Achsen-Bildlaufleisten bzw.

Verwandte Empfehlungen:

Bootstrap-Tutorial