wie man minimale Höhe für tbody in css definiert
6 Antworten
Warum möchten Sie das tun?
Min-height und height gelten für Elemente auf Blockebene und Tabelle ist kein Block-Level-Element. Wickeln Sie Ihre Tabelle in ein div (sagen Sie div.table-wrap) und wenden Sie eine minimale Höhe auf dieses div an.
Wenn Sie nicht möchten, dass das Tabellenlayout für Sie wichtig ist, fügen Sie einfach display:block zum CSS von tbody hinzu.
Wir benötigten die min-height in <tbody> , da wir keine anderen HTML-Elemente (Benutzerinhalte) einfügen konnten. Ich habe eine Lösung gefunden.
Höhe funktioniert für eine leere Tabelle, aber nicht, wenn die leere Tabelle einen leeren tbody in Chrome (59) hat - es funktioniert für Firefox und Egde. Auch andere Fälle versteckten <tr> gab Probleme, siehe JSFiddle für alle Fälle.
CSS:
%Vor%Html:
%Vor%Chrome 59:
Kante (14), IE (11), Firefox (54):
Dies wurde mit:
behoben %Vor%Siehe aktualisierten JSFiddle
Ich denke, das wird reichen,
%Vor% Jetzt wird !important es freiwillig machen, es wird leicht durch andere Attribute überschrieben.
tbody trägt nicht die Eigenschaft height.
es trägt nur 4 Eigenschaften 'align', 'char', 'charoff' & amp; 'valign' gemäß Standardisierung von CSS.
Dies funktioniert auch mit Zellen gleicher Größe und Zellenabstand, die im verbleibenden Speicherplatz hinzugefügt werden.
%Vor%Versuchen Sie es und antworten Sie, ich hoffe, dies wird tun:)
Vielleicht verwenden Sie den IE 5 oder 6. Warum nicht nur die Höhe? Versuchen Sie, die Mindesthöhe zu entfernen, da es keinen Sinn macht, die Höhe und die Mindesthöhe für ein Element festzulegen, da Sie nur eine feste Höhe und keine Mindesthöhe erhalten.