Éviter d'étirer des lignes de la table avec une hauteur de la table fixe et nombre variable de lignes?
https://stackoverflow.com/questions/1655982
-
11-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
J'ai une table dans un formulaire HTML. Il a une hauteur fixe pour des raisons optiques. Le nombre de lignes de la table varie en fonction du nombre de champs de formulaire disponible.
Problème: S'il y a très peu de lignes, toutes les lignes sont tendues verticalement, en augmentant l'espace entre les éléments d'entrée.
Je pourrais éviter cela en donnant les lignes de données une hauteur fixe (faux). Je n'aime pas cette approche parce qu'il n'y a pas de hauteur fixe je pourrais lui donner (tailles de police relatives, l'accessibilité) et je crains que les problèmes futurs - disons par exemple que IE9 décide de prendre littéralement la hauteur des cellules.
Que puis-je faire? J'ai une dernière ligne (vierge), mais aucune idée de quoi mettre là-dedans pour qu'il occupe automatiquement tout l'espace « disponible ».
La solution 3
Je suppose que ce n'est pas faisable.
Autres conseils
Mettre table heightless dans un div avec une hauteur fixe qui imite la table (frontière? Bgcolor?).
Par ailleurs, en faisant simplement tbody { display: inline; } au lieu d'une ligne vide fonctionne dans tous les navigateurs réels. Non, pas dans MSIE. L'élément tbody a beaucoup de lacunes dans MSIE. Il manque également la possibilité de overflow: scroll; qui serait génial d'avoir une table avec un en-tête scrollable fixe.
Pourriez-vous pas régler la hauteur de cellule à 100% pour la dernière ligne vide, ce qui devrait vraisemblablement faire cette dernière ligne pour prendre le reste de l'espace fixe
Oui, les sites Web à base de table sont au-delà de l'âge, mais vous auriez encore besoin de tables pour afficher les données. En fait, je suis d'accord avec Pekka que ce n'est pas faisable sur la cellule elle-même la table, mais il y a quelque chose que nous pouvons la mode:
Essayez d'envelopper les données à l'intérieur de la cellule td dans un div et le style qui div à la hauteur que vous voulez et définissez sa propriété overflow à hidden.
