la propriété height style ne fonctionne pas dans les éléments div

Question

Je mets une hauteur de 20px sur un <div>, bien que quand il s'affiche dans le navigateur, c'est seulement 14px de haut.

Des idées ?

<div style="display:inline; height:20px width: 70px">My Text Here</div>

Answer 1

Cela a fonctionné pour moi :

min-height: 14px;
height: 14px;

Answer 2

Assurez-vous également d'ajouter ";" à chaque style. Vous les excluez de la largeur et de la hauteur et même si cela ne cause pas votre problème spécifique, il est important de le fermer.

<div style="height:20px; width: 70px;">My Text Here</div>

Answer 3

Vous perdez votre attribut de hauteur parce que vous changez l'élément de bloc en ligne (il va maintenant agir comme un <p>). Vous prenez probablement cette hauteur de 14px à cause de la hauteur du texte à l'intérieur de votre div en ligne.

Inline-block peut fonctionner pour vos besoins, mais vous devrez peut-être mettre en œuvre un travail autour ou deux pour le support cross-browser.

IE prend en charge le bloc en ligne, mais uniquement pour les éléments qui sont nativement en ligne.

Answer 4

Vous essayez de définir la propriété height d'un élément inline, ce qui n'est pas possible. Vous pouvez essayer d'en faire un élément block, ou peut-être vouliez-vous modifier la propriété line-height ?