Nehmen wir 4 Tabellenspalten - ID , Text , Date , Action . In meinem Fall hat Tabelle immer konstante Breite - in Beispiel 960px.
Wie kann ich eine Tabelle wie folgt erstellen:
%Vor% Wie wir sehen können, passen ID , Date und Action ihre Breite an den Inhalt an, Text ist so lang wie möglich ....
Ist das möglich, ohne die spezifische Spaltenbreite einzustellen? Wenn ID = 123 oder Date = November 2011, sollten Spalten automatisch breiter sein ...
Unter Verwendung einer 100% width für die breite td und einer festen Breite für die Tabelle zusammen mit white-space:nowrap kann dies getan werden:
Im Grunde genommen ist es genau so: Ссылка - Sie müssen die Zellenbreite auf etwas kleines setzen (wie 1px ) um sie so klein wie möglich zu halten.
Aber wie Sie sehen werden, gibt es ein Problem mit den Datumsfeldern, die einen Zeilenumbruch machen. Um dies zu verhindern, fügen Sie einfach white-space: nowrap; für Ihr Textfeld hinzu: Ссылка
Arbeitsbeispiel:
%Vor%Mein bester Rat ist Ihnen, die Breite des Tisches nicht zu berühren, der Tisch wird automatisch so gestaltet, dass alle Zellen am besten funktionieren.
Wenn Sie jedoch durchgehen möchten, verwende ich width: 1px; für die Zellen, die angepasst werden müssen (eine Spalte reicht aus). Verwende auch white-space: nowrap für alle Zellen. das wird sicherstellen, dass die Linien nicht brechen.