Ich entwerfe einen div
Container, der einige Textzeilen enthält. Jede Zeile kann 0 bis 35 Zeichen enthalten.
Ich muss eine feste Breite für das div angeben, kann aber nicht vorhersagen, wie "breit" die Zeichenfolge sein kann.
Ein Beispiel für Zeichenfolgen (alle 35 Zeichen):
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- da da da 35 Zeichen Text Mit CApital
Wie Sie sehen können, ist das Symbol "i" schmaler als das Symbol "L".
Eine mögliche Lösung könnte darin bestehen, eine Monospaced-Schriftart zu verwenden, aber für einige stilistische Einschränkungen muss ich Arial (oder eine gleichwertige Schriftart) verwenden.
Die Idee ist, den Container unter Berücksichtigung einer Zeichenfolge zu dimensionieren, die die größten Glyphen enthält, aber ich bin mir nicht sicher, was die größte Glyphe ist, insbesondere wenn wir alle UTF-Zeichen berücksichtigen.
em
) die klassische Maßeinheit . Sie sind nicht unbedingt die breitesten, aber etwas Seltsames wird passieren, wenn das durchschnittliche Zeichen in einer Zeichenfolge breiter ist. overflow: auto
sollte sehr seltsame Fälle wie diesen abdecken.