Stellen Sie in HTML die Bildlaufleiste so ein, dass sie automatisch angezeigt wird, wenn der Inhalt im Div überschreitet

Stellen Sie in HTML die Bildlaufleiste so ein, dass sie automatisch angezeigt wird, wenn der Inhalt im Div überschreitet
In HTML-Seiten müssen wir manchmal automatisch eine Bildlaufleiste anzeigen, nachdem der Inhalt in einem Div das Limit überschreitet. Wir können es wie folgt einstellen:

Code kopieren
Der Code lautet wie folgt:

<div Klasse="Klassenliste">
<div Klasse="autoScroll">
<asp:RadioButtonList ID="rblClasses" runat="server" DataTextField="klassenname" DataValueField="klassen-ID"
VordergrundColor="#FF4040">
</asp:RadioButtonList>

<asp:ImageButton ID="imgSure" runat="server" ImageUrl="~/images/c_sure.jpg" />
<asp:ImageButton ID="imgClose" runat="server" ImageUrl="~/images/c_close.jpg" />
</div>
</div>

Stellen Sie dann den Stil folgendermaßen ein:

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
.Klassenliste
{
Breite: 300px;
Höhe: 20px;
}
.autoScroll
{
Breite: 300px;
Höhe: 100px;
Überlauf: automatisch;
}
#rblKlassen
{
Rand links: 20px;
}
</Stil>

Wenn nach dem Einstellen der im Optionsfeld angezeigte Inhalt das äußerste Div überschreitet, wird automatisch eine Bildlaufleiste angezeigt, d. h. das verschachtelte Div

<<:  Erste Zusammenfassung des Website-Erstellungs-Tutorials für Anfänger

>>:  Detaillierte Erklärung zur Verwendung von Eslint in Vue

Artikel empfehlen

So führen Sie Befehle auf einem Remote-Linux-System über SSH aus

Manchmal müssen wir einige Befehle auf einem Remo...

Analyse des Implementierungsprinzips von Vue-Anweisungen

Inhaltsverzeichnis 1. Grundlegende Verwendung 2. ...

Verwenden von JavaScript zum Implementieren von Karusselleffekten

In diesem Artikel wird der spezifische Code für J...

Beispielanweisungen für Indizes und Einschränkungen in MySQL

Fremdschlüssel Abfrage, bei welchen Tabellen der ...

JavaScript implementiert einen langen Bild-Scroll-Effekt

In diesem Artikel wird der spezifische Code für d...

Heute bin ich auf ein sehr seltsames Problem gestoßen und habe es selbst gelöst

...Es ist so, heute wollte ich ein Popup-Fenster m...

Neun erweiterte Methoden zur Deduplizierung von JS-Arrays (erprobt und effektiv)

Vorwort Die allgemeinen Methoden sind hier nicht ...

So legen Sie Verknüpfungssymbole in Linux fest

Vorwort Durch das Erstellen von Verknüpfungen in ...

Mehrere Lösungen für domänenübergreifende Gründe in der Webentwicklung

Inhaltsverzeichnis Domänenübergreifende Gründe JS...