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.
typography
glyphs
Rdpi
la source
la source
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.Réponses:
Une seule chose à dire:
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
[EDIT] Mise à jour - OK - Je reconnais qu'il y a des personnages beaucoup plus larges:
la source
﷽. Dois-je gagner un prix? (texte pour atteindre 30 caractères)
la source
Toujours en cours de vérification, mais dans l'ensemble des glyphes latins,
DžDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽDŽ
semble assez large.
Ou il y a
‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱‱
Ou peut-être & # xfdfa "LIGATURE ARABE SALLALLAHOU ALAYHE WASALLAM" (ne semble pas être rendu dans le Tahoma utilisé ici):
ﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺﷺ
Évidemment, ce sont des exemples extrêmes et il est très peu probable que quiconque les tape, mais cela souligne le point de Farray ci-dessus: vous devez trouver un compromis qui couvrira la grande majorité des cas pour votre public, mais pas nécessairement tout ce qui pourrait éventuellement apparaître.
la source
Facile ௵௵௵௵௵௵௵ j'ai trouvé cela dans un jeu appelé agar.io quelqu'un aime les noms longs
la source
Habituellement, le tiret cadratin est le glyphe le plus large de toute police. L'italique f est le glyphe rare qui s'étend dans l'espace ascendant et descendant, ce qui en fait l'un des plus hauts de tous les caractères.
Une mesure pratique pratique est un «alphabet» composé des lettres minuscules a à z. Une police de caractères normale fait environ 13 ems de long. Si l'alphabet de police est inférieur, il s'agit d'une police condensée adaptée à la composition de paragraphes à mesure étroite. Les longueurs de ligne facilement lisibles vont de 1-1 / 2 à 2-1 / 2 alphabets.
Un em est une distance horizontale équivalente à la hauteur verticale de la police. Un espace em pour une police de caractères de 24 pt est de 24 points. Il est proportionnel à la police et varie avec chaque taille différente.
la source