div
テキストの行をいくつか含むコンテナーを設計しています。すべての行に0〜35文字を含めることができます。
divの固定幅を指定する必要がありますが、文字列の「幅」がどのくらいあるかを予測できません。
文字列の例(すべて35文字):
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- da da da 35文字のテキストでCApital
ご覧のとおり、グリフ「i」はグリフ「L」よりも幅が狭くなっています。
考えられる解決策は、Monospacedフォントを使用することですが、スタイルの制約によっては、Arial(または同等のフォント)を使用する必要があります。
最大のグリフを含む文字列を考慮してコンテナのサイズを設定するという考えですが、特にすべてのUTF文字を考慮する場合、最大のグリフが何であるかはわかりません。
em
)。厳密には幅が広いわけではありませんが、文字列内の平均的な文字がこれよりも幅が広い場合は、奇妙なことが起こります。overflow: auto
このような非常に奇妙なケースをカバーする必要があります。