Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie behebt man die Breite der CSS-Tabelle? Tabellenlayout: behoben?

黄舟
Freigeben: 2017-06-30 13:34:36
Original
2301 Leute haben es durchsucht

Wenn der Text in der Zelle die Breitenbeschränkung überschreitet, wird er automatisch umgebrochen und die Höhe wird automatisch erhöht, was zu ungleichmäßigen Stilen der gesamten Tabelle führt. Dieses Problem kann jedoch durch Deaktivieren von Text gelöst werden Verpackung. Damit die Tabelle den Bildschirm (den verbleibenden leeren Bereich) ausfüllen kann, wird ihr Breiten--Attribut häufig als 100 % definiert, und die Zellen werden auch als Prozentsätze definiert.

Aber das führt zu Problemen: Wenn der Text in der Zelle die Breitenbeschränkung überschreitet, wird er automatisch umgebrochen und die Höhe erhöht sich automatisch, was zu ungleichmäßigen Stilen der gesamten Tabelle führt und sie hässlich macht.

Eine einfache Lösung besteht darin, den Textumbruch zu deaktivieren: white-space:nowrap overflow:hidden;

So einfach! Immer noch unerwartet: Der gesamte Text wird in einer Zeile angezeigt, die Breite wird automatisch erweitert und überschreitet sogar den übergeordneten Container, und der Überlauf hat überhaupt keine Auswirkung!

Was ist los? Liegt es am Prozentsatz? Wenn Sie jedoch die feste Breite von statisch verwenden, verlieren Sie die Flexibilität der Tabelle.

Also habe ich mühelos die ultimative Lösung gefunden: feste Tabellenbreite: Tabellenlayout: fest

Ich habe übrigens ein einfaches Rendering erstellt, siehe Folgendes:

Das obige ist der detaillierte Inhalt vonWie behebt man die Breite der CSS-Tabelle? Tabellenlayout: behoben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!