So verhindern Sie, dass die Bildlaufleiste die Seitenbreite beeinflusst, wenn die Bildlaufleiste auf der Seite angezeigt wird

So verhindern Sie, dass die Bildlaufleiste die Seitenbreite beeinflusst, wenn die Bildlaufleiste auf der Seite angezeigt wird
Stellen Sie die Breite des Textkörpers auf die Breite des Fensters ein (gesteuert durch das folgende Skript)

$("body").css("Breite", $(window).width());

Stellen Sie gleichzeitig den Überlauf des Körpers ein (im Stil geschrieben)

Körper { Überlauf-x: versteckt;}

ps:

In ähnlicher Weise wird auch die Tabelle in div auf diese Weise behandelt




Stellen Sie die Breite von tableContainer (im Stil geschrieben) und tableMain (vom Skript gesteuert) so ein, dass sie der Breite von tableMainHead entspricht.


Code kopieren
Der Code lautet wie folgt:

$(".tableMain").css("Breite", $(".tableMainHead").css("Breite"));


Setzen Sie den Überlauf des Tabellencontainers auf „versteckt“ (im Stil geschrieben).

Dies hat den Nachteil, dass der Inhalt im Textkörper nicht automatisch zentriert werden kann, wenn sich die Größe des Browserfensters ändert (das Div, das ursprünglich Prozentwerte für die Breiteneinstellungen verwendete, konnte mit margin: auto automatisch zentriert werden, aber da der zusätzliche Teil jetzt ausgeblendet ist, kann er nicht automatisch zentriert werden).

<<:  Lösung für das Problem, dass die Div-Breite auf width:100% eingestellt ist und dann die Polsterung oder der Rand das übergeordnete Element überschreitet

>>:  Teilen Sie die Fallstricke von MySQLs current_timestamp und ihre Lösungen

Artikel empfehlen

Lösung für Linux, das nicht alle Befehle unterstützt

Was soll ich tun, wenn Linux nicht alle Befehle u...

Ursachenanalyse und Lösung des E/A-Fehlers beim Löschen einer MySQL-Tabelle

Problemphänomen Ich habe kürzlich Sysbench verwen...

So erstellen Sie Ihren eigenen privaten Nexus-Server unter Linux

Dieser Artikel beschreibt, wie man über Docker ei...

Datenbankabfrage, welches Objekt welches Feld enthält, Methodenanweisung

Die Datenbank fragt ab, welches Objekt welche Fel...

Ein einfaches Beispiel für die MySQL-Suche nach Daten im Umkreis von N Kilometern

Gemäß dem Koeffizienten von Pi und dem Radius der...

Beispiel zum Ändern des Zeilenabstands einer HTML-Tabelle

Bei der Verwendung von HTML-Tabellen müssen wir m...

Javascript um den Drag-Effekt der Login-Box zu erreichen

In diesem Artikel wird der spezifische Code von J...

So stellen Sie Kafka in Docker bereit

Inhaltsverzeichnis 1. Docker erstellen 2. Betrete...

Detaillierte Erläuterung des vite2.0-Konfigurationslernens (Typescript-Version)

einführen Die ursprünglichen Worte von You Yuxi. ...

MySQL-Backup-Tabellenvorgang basierend auf Java

Der Kern ist mysqldump und Runtime Der Vorgang is...

Die Implementierung der Ereignisbindung in React verweist auf drei Methoden

1. Pfeilfunktion 1. Nutzen Sie die Tatsache, dass...

Einführung in die wichtigsten Browser und ihre Kernel

Trident-Kern: IE, MaxThon, TT, The World, 360, So...

Detaillierte Verwendung des Vue-Timers

In diesem Artikelbeispiel wird der spezifische Co...