Sto progettando un div
contenitore che conterrà alcune righe di testo. Ogni riga può contenere da 0 a 35 caratteri.
Devo specificare una larghezza fissa per il div, ma non posso prevedere quanto "larga" può essere la stringa.
Un esempio di stringhe (tutti i 35 caratteri):
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- da da da 35 caratteri testo con CApital
Come puoi vedere, il glifo "i" è più stretto del glifo "L".
Una possibile soluzione potrebbe essere l'uso di un carattere a spaziatura fissa, ma per alcuni vincoli stilistici ho bisogno di usare Arial (o carattere equivalente).
L'idea è di dimensionare il contenitore considerando una stringa che contiene i glifi più grandi, ma non sono sicuro di quale sia il glifo più grande, specialmente se consideriamo tutti i caratteri UTF.
em
). Non sono strettamente i più ampi, ma accadrà qualcosa di strano se il carattere medio in una stringa è più largo di questo. overflow: auto
dovrebbe coprire casi molto strani come questo.