Feste Tabellenbreite table-layout: fest
|
Damit die Tabelle den Bildschirm (den verbleibenden leeren Bereich) ausfüllt, wird ihr Breitenattribut häufig wie folgt definiert: 100 % und die Zellen werden ebenfalls mithilfe von Prozentsätzen definiert. Dies führt jedoch zu einem Problem: Wenn der Text in der Zelle die Breitenbeschränkung überschreitet, wird er automatisch umbrochen und die Höhe automatisch erhöht, was zu einem uneinheitlichen und hässlichen Stil für die gesamte Tabelle führt. Die naheliegende Lösung besteht darin, den Textumbruch zu deaktivieren: white-space:nowrap; overflow:hidden; So einfach! Aber der Effekt ist trotzdem unerwartet: Der gesamte Text wird in einer Zeile angezeigt, die Breite wird automatisch erweitert und überschreitet sogar den übergeordneten Container. Overflow funktioniert überhaupt nicht! Was ist los? Liegt es an der Prozentzahl? Wenn Sie jedoch eine statische feste Breite verwenden, geht die Flexibilität der Tabelle verloren. So wurde ohne großen Aufwand die ultimative Lösung gefunden: Feste Tabellenbreite: Tabellenlayout: fest; Übrigens habe ich ein einfaches Effektdiagramm erstellt, bitte beziehen Sie sich darauf:  |
>>: Beispielcode, wie CSS mehrere Klassen abgleicht
Artikel empfehlen
Zusammenfassung der Erfahrungen und Fähigkeiten im Webdesign
■ Planung des Website-Themas Achten Sie darauf, da...
Führen Sie die folgenden Schritte aus, damit Docker Images abrufen kann
1. Docker Pull zieht das Image Wenn Sie zum Abruf...
Zusammenfassung der Lösungen für MySQL, das „Gruppieren nach“ nicht unterstützt
Ich habe die neueste Version von MySQL 5.7.x heru...
Web-Standardanwendung: Neugestaltung der Tencent QQ-Homepage
Die Homepage von Tencent QQ wurde neu gestaltet un...
Mysql-Indextypen und grundlegende Anwendungsbeispiele
Inhaltsverzeichnis Index - Allgemeiner Index - Ei...
So verwenden Sie SVG-Symbole in WeChat-Applets
SVG wurde in den letzten Jahren aufgrund seiner v...
Sind die Wertebereiche von int(3) und int(10) in MySQL gleich?
Inhaltsverzeichnis Frage: Antwort: Wirklichkeit: ...
Einige Punkte, auf die wir beim Entwurf einer Webseite achten sollten
Webdesign: Je nach persönlichen Vorlieben und Inha...
Detaillierte Erklärung zur Verbindung von Java mit Mysql Version 8.0.18
In Bezug auf die Verbindungsmethode zwischen Java...
Details zum Schreiben von React in einem Vue-Projekt
Wir können jsx/tsx-Dateien direkt erstellen Die P...
Wichtige Probleme und Lösungen zur Zugriffsgeschwindigkeit auf Webseiten
<br /> Die Zugriffsgeschwindigkeit einer Web...
Kurztipps für die Linux-Befehlszeile: So finden Sie eine Datei
Wir alle haben Dateien auf unseren Computern gesp...
Lösung für das Paging-Fehlerproblem bei MySQL-Eins-zu-viele-Assoziationsabfragen
Die Abfragedaten in der XML-Preisabfrage enthalte...
In einem Artikel erfahren Sie, wie Sie mit js den Sperrfeuereffekt erzielen
Inhaltsverzeichnis Erstellen Sie eine neue HTML-D...
Häufige Browserkompatibilitätsprobleme (Zusammenfassung)
Browserkompatibilität ist nichts anderes als Stil...