'white-space: nowrap' beeinflusst die Breite
Ich habe eine Tabelle für den Datei-Uploader. Dateinamen können lang sein, daher wird nur der Teil des Namens mit Hilfe von angezeigt:
%Vor% Alles funktioniert gut für kleine Namen (die Tabelle befindet sich in den Rahmen des Bootstrap-Panels), aber für die Großen habe ich folgendes:
Alle <td> -Tags haben Proportionen mit Hilfe von col-xs-* , die Summe der * -Werte ist 12. Wenn ich den white-space: nowrap; kommentiere, sieht die Seite wie folgt aus:
Ich habe bereits die Boxgrößen überprüft, nur die Breite von <td> ist betroffen, es gibt keine Padding- oder Randänderungen.
Warum ist das und wie kann ich es elegant reparieren? Vielen Dank im Voraus.
2 Antworten
Das liegt daran, dass Sie mit dem automatischen Tabellenlayout
arbeitenDer formatierte Inhalt kann sich über eine beliebige Anzahl von Zeilen erstrecken, aber nicht Überlauf die Zelle Box.
Sie können das also lösen, indem Sie stattdessen das feste Tabellenlayout verwenden. Fügen Sie dem Tabellenfeld den folgenden Stil hinzu:
%Vor% Das Problem ist, dass Ihr Tabellenlayout mit den Styles display: block und float: left durcheinander ist. Daher sind Ihre table-cell s in eine anonyme Tabelle eingeschlossen, die Sie nicht auswählen können.
Verwechsle die Tabelle nicht, oder füge einen display: table -Wrapper hinzu.
Tags und Links html css twitter-bootstrap