哪个字母占据最多EM(全球)?

时间:2014-11-07 17:13:48

标签: styling placeholder em

当我偶然发现this question时,我正在阅读更改占位符文字。

无论如何,我回去了解占位符。一个SO答案说了一些话:

  

设计占位符文本时要小心,因为控制之外的任何内容都将被截断。

把这两个答案放在一起,它让我思考(是的,我知道,做坏事!) -

全球(语言)条款中EM中最长的字母是什么?

(因为我们的目的是调整EM和所有字母的大小)。

英语 字母中最长的字母显然是'W'(来自链接问题) - 所以就全球语言而言,是什么?



如果我有一个像这样的控件:

+------------------------+
|123456789101112131415161|
+------------------------+

占位符长24个数字。我怎样才能确保它们都适合?

由于数字似乎与EM宽度相同:

11111
22222
33333
44444
55555
66666
77777
88888
99999

我怎样才能确保24个字符,无论长度/ EM宽度如何?

我可以去:

+------------------------+
|WWWWWWWWWWWWWWWWWWWWWWWW|
+------------------------+

但如果有另一种语言使用更广泛的字母怎么办?如何确保可以读取占位符文本? (没有动态调整输入本身)?我真的想要显示24个字符所需的最小宽度,不管是什么语言都放在字段中。



这是一个比英语 W 更长的'字母'的例子:

  

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW   ŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒŒ   ÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆÆ

修改

我知道我将如何测试(如上所述)而不是'竞争者'哪个是世界上最广泛的角色?

2 个答案:

答案 0 :(得分:0)

  1. 确定您的字体(例如Arial)
  2. 确定您的字体大小(例如10px)
  3. 确定您的字体粗细(例如粗体)
  4. 确定您的角色集(例如UTF-8)
  5. 为字符集的每个字符每行打印几个相同的字符(例如24)
  6. 分而治之 - >删除明显比其他行短的行并刷新页面 - >只要页面上有多行(对于同样长的行只选择任何一行),重复删除

答案 1 :(得分:0)

打印由span包围的每个字符,然后搜索该字符的计算宽度(在浏览器的devtools中,或者您可以使用一个简单的Javascript脚本自动执行此操作,该脚本将检查您的最大字符)。