Existe-t-il un bon moyen de tronquer le texte avec du HTML et du CSS simples, afin que le contenu dynamique puisse tenir dans une mise en page à largeur et hauteur fixes?
J'ai tronqué côté serveur par la largeur logique (c'est-à-dire un nombre de caractères deviné aveuglément), mais comme un «w» est plus large qu'un «i», cela a tendance à être sous-optimal et me demande également de deviner ( et continuez à peaufiner) le nombre de caractères pour chaque largeur fixe. Idéalement, la troncature se produirait dans le navigateur, qui connaît la largeur physique du texte rendu.
J'ai trouvé qu'IE a une text-overflow: ellipsis
propriété qui fait exactement ce que je veux, mais j'ai besoin que ce soit multi-navigateur. Cette propriété semble être (quelque peu?) Standard mais n'est pas prise en charge par Firefox. J'ai trouvé diverses solutions de contournement basées sur overflow: hidden
, mais elles n'affiche pas de points de suspension (je veux que l'utilisateur sache que le contenu a été tronqué), ou l'affiche tout le temps (même si le contenu n'a pas été tronqué).
Quelqu'un a-t-il un bon moyen d'ajuster le texte dynamique dans une mise en page fixe, ou la troncature côté serveur par largeur logique est-elle aussi bonne que je vais l'obtenir pour l'instant?