我正在设计一个div
将包含一些文本行的容器。每行可以包含0到35个字符。
我需要为div指定一个固定的宽度,但是我无法预测字符串的宽度。
字符串示例(全部35个字符):
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- da da da 35个字符的文字用CApital
如您所见,字形“ i”比字形“ L”窄。
可能的解决方案是使用等宽字体,但是对于某些样式上的限制,我需要使用Arial(或等效字体)。
这个想法是考虑包含最大字形的字符串来确定容器的大小,但是我不确定最大字形是什么,特别是如果我们考虑所有UTF字符的话。
em
)。严格来说,它们不是最宽的,但是如果字符串中的平均字符比此宽,则会发生一些奇怪的事情。overflow: auto
应该涵盖这种非常奇怪的情况。