Discussion :

[Arsene12]

Bonjour,

pourriez-vous m'expliquer svp pourquoi je n'obtiens pas un nombre entier lorsque je calcule le nombre de lignes dans une Div avec la méthode ci-dessous?

https://jsfiddle.net/vhd64fh8/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var myHeightDiv = $('#maDiv').height();
var hauteurLignes =  parseInt($('#maDiv').css('line-height'));
var numberLines =  myHeightDiv / hauteurLignes ;
 
alert("Nombre de lignes = "+numberLines);

[SpaceFrog]

Pourquoi faudrait il que le compte tombe rond ?
la hauteur d'un div n'est pas obligatoirement un multiple du lineheight ...

[Arsene12]

Comme la hauteur du Div est directement liée à son contenu et donc au nombre de lignes, ça me semblait logique que la hauteur du div soit un multiple de la hauteur de la ligne, avec un padding et un margin à 0.

[SpaceFrog]

Comme la hauteur du Div est directement liée à son contenu et donc au nombre de lignes,

Et tu as trouvé cette merveilleuse information où ??

height est la mesure verticale du conteneur à l'intérieur de border margin et padding.
line-height est la distance entre le haut de première ligne de texte et le haut de la seconde ligne de texte.

le line-height est en fait la hauteur des boites horizontales qui contiennent le texte

Si tu tiens a en savoir plus sur le line-height http://slides.iamvdo.me/kiwiparty14/#/23 c'est un peu plus complexe qu'il n'y parait.

Mais en aucun cas la hauteur du div ne correspond à la somme des hauteurs des line-height

[Arsene12]

Merci pour toutes ces infos.