Je conçois un div
conteneur qui contiendra quelques lignes de texte. Chaque ligne peut contenir de 0 à 35 caractères.
J'ai besoin de spécifier une largeur fixe pour le div, mais je ne peux pas prédire la largeur de la chaîne.
Un exemple de chaînes (les 35 caractères):
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- da da da 35 caractères avec CApital
Comme vous pouvez le voir, le glyphe "i" est plus étroit que le glyphe "L".
Une solution possible pourrait être d'utiliser une police à espacement fixe, mais pour certaines contraintes stylistiques, je dois utiliser Arial (ou une police équivalente).
L'idée est de dimensionner le conteneur en tenant compte d'une chaîne contenant les plus grands glyphes, mais je ne sais pas quel est le plus grand glyphe, surtout si l'on considère tous les caractères UTF.
em
). Ils ne sont pas strictement les plus larges, mais quelque chose d'étrange se produira si le caractère moyen d'une chaîne est plus large que cela. overflow: auto
devrait couvrir des cas très étranges comme celui-ci.