HTML tableau hauteur de la ligne

Question

HTML CSS & Question:

Je suis en train de limiter ma ligne de table à une seule ligne (hauteur 5 mm, longueur 30 mm). Mais il devrait rester de cette taille, même s'il ne rentre pas dans cet espace (parce que sinon j'aurais des problèmes avec la taille de l'image de fond en dégradé - regardant horible).

Comment puis-je faire cela?

// grs/Standorte/G08 Zürich Schindlerstrasse/Standortdaten/Gebäudedaten/E01/Trakt 2/Sicherheitsdokumentationen /*.* Abc

Answer 1

Comme Saar déjà dit, vous pouvez essayer white-space: nowrap de garder tout le texte une ligne. Ajoutez overflow:hidden pour empêcher le contenu de se développer incontrôlablement vers la droite (Vous devrez peut-être insérer un div dans le td pour que cela fonctionne, pas sûr que td respecte le dépassement de capacité: caché.) Cela devrait fonctionner tant qu'il n'y a pas de sauts de ligne ou bloquer les éléments dans le contenu.

Cela ne va jamais être une solution à toute épreuve à 100%. L'utilisateur a peut-être sélectionné une taille de police plus grande, en surétendant la cellule même s'il n'y a qu'une seule ligne.

Je ne sais pas à quoi ressemble votre image, mais que diriez-vous de la répéter seulement horizontalle (background-repeat: repeat-x) et de remplir le reste avec une couleur de fond? Cela aide généralement.

Answer 2

Set « débordement » à « caché » et définir la largeur & hauteur de votre ligne

Answer 3

essayer css propriété

white-space: nowrap;