Estoy diseñando un div
contenedor que contendrá algunas filas de texto. Cada fila puede contener de 0 a 35 caracteres.
Necesito especificar un ancho fijo para el div, pero no puedo predecir qué tan "ancha" puede ser la cadena.
Un ejemplo de cadenas (los 35 caracteres):
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- da da da texto de 35 caracteres con CApital
Como puede ver, el glifo "i" es más angosto que el glifo "L".
Una posible solución podría ser usar una fuente monoespaciada, pero para algunas restricciones estilísticas necesito usar Arial (o una fuente equivalente).
La idea es dimensionar el contenedor considerando una cadena que contiene los glifos más grandes, pero no estoy seguro de cuál es el glifo más grande, especialmente si consideramos todos los caracteres UTF.
em
). No son estrictamente los más anchos, pero sucederá algo extraño si el carácter promedio de una cadena es más ancho que esto. overflow: auto
debería cubrir casos muy extraños como este.