2009-07-20 6 views
3

Ich versuche eine Tabelle mit jeder Zelle zu erstellen, die eine feste Breite aber absolute aber unterschiedliche Höhen hat. Zum Beispiel in der ersten Spalte wäre die erste Zeile 20px, die zweite 65px, die dritte 20px. In der zweiten Spalte wäre die erste Zeile 20px, die zweite 45px, die dritte 40px. Und in der letzten Spalte wäre die erste Zeile 20px und die zweite 85px.css maximale Tabellenzeilenhöhe trotz Inhalt setzen

what I want http://i32.tinypic.com/s0zxom.png

All dies funktioniert gut, wenn die Tabellenzellen für den Inhalt leer oder groß genug sind. Wenn der Inhalt jedoch größer als der Inhalt der Zelle ist, wird die Zeile vertikal erweitert, während der zusätzliche Inhalt ausgeblendet werden soll.

what i'm getting http://i32.tinypic.com/34in7rt.png

Ich habe versucht,

overflow:hidden 

für die <tr mit>, <td>, und das gleiche zu tun, während der Inhalt in einem <div platzieren> aber keine scheinen zu erreichen, was ich bin Auf der Suche nach. Irgendwelche Ideen, wie ich die Zeilenhöhe auf einen absoluten Wert beschränken kann, wobei zusätzlicher Inhalt verborgen bleibt, anstatt die Zeile zu erweitern? Ich würde es vorziehen, es in einer Tabelle zu behalten, aber wenn es nicht möglich ist und ich eine andere Anzeigetechnik verwenden muss, bin ich für die Idee offen.

Antwort

3

Wenn Sie die div Lösung verwenden, haben Sie versucht, eine Höhe für die div sich selbst zu setzen, während es eine overflow: hidden Art geben?

+0

Ich dachte, ich hätte es getan, aber ich habe mich vielleicht etwas vertippt (wahrscheinlich falsch geschrieben die Div-Klasse, wäre nicht das erste Mal). Vielen Dank. – cornwalker