Comment suivre les lignes compte quand les mots sont emballés?

Question

Avoir un texte à éditer en div imprimé avec une police à pas de hauteur fixe. Cette hauteur div permet d'imprimer seulement 4 lignes de texte. Est-il possible de suivre le retour automatique à la ligne du navigateur, de sorte que je puisse trouver la position dans le texte, quand il a atteint 4 lignes et couper les lignes suivantes? Toutes les suggestions en utilisant Javascript manipulant avec DOM ou peut-être le calcul de longueur de ligne de texte avec l'aide de PHP?

Answer 1

Comment l'utilisation overflow: hidden?

Supposons que vous aviez un font-size de 12px, et un line-height de 16px.

4 lines * 16px = 64px 

.hide-extra-lines { 
    height: 64px; 
    overflow: hidden; 
} 

Est-ce cela que vous cherchez?

Answer 2

1) Vous pouvez mesurer la taille du texte sur le serveur et être raisonnablement précis. Je l'ai fait avec GDI + sur une machine Windows; Vous ne savez pas quel système d'exploitation ou quelles bibliothèques vous avez accès.

2) Vous pouvez utiliser une police monospace sur le client et détecter quand le texte s'enroulera en fonction de la largeur du conteneur et de la longueur du mot. Ensuite, vous pouvez tronquer le texte.

3) Vous ne pouvez pas utiliser une police monospace sur le client, toujours faire une supposition en utilisant un script, et utiliser overflow: hidden pour capturer tout texte qui déborde.