Heim > Web-Frontend > HTML-Tutorial > Tabellenlayout mit fester Tabellenbreite: feste_HTML/Xhtml_Webseitenproduktion

Tabellenlayout mit fester Tabellenbreite: feste_HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:37:48
Original
1283 Leute haben es durchsucht

Damit die Tabelle den Bildschirm (den verbleibenden leeren Bereich) ausfüllt, wird ihr Breitenattribut oft 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, was hässlich ist.

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

Der Effekt ist jedoch immer noch unerwartet: Der gesamte Text wird in einer Zeile angezeigt. Die Breite wird automatisch erweitert, auch über den übergeordneten Container hinaus, und der Überlauf hat überhaupt keine Auswirkung!

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

Seitdem habe ich mühelos die ultimative Lösung gefunden: Feste Tabellenbreite: Tabellenlayout: fest

Übrigens habe ich als Referenz ein einfaches Rendering erstellt:

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