Question

我正在尝试根据元素的字体大小设置kbd按钮的样式以使其具有相同的min-width。

kbd {
  min-width: 1.5em;
}

问题在于它适用于我尝试的所有符号，但⌃除外...

它有一个不同的最小宽度：

为什么？我该如何解决？

Answer 1

它们的大小相同，你指定的1.5em，但是插入符号（ctrl）比其他字符更窄。如果您将按钮设置为宽度为1.5em而不是字体大小，则会使它们的大小相同。

如果这不起作用，请给我一个喊叫，我会看到我可以做些什么来帮助 - 可能值得设置一个JSFiddle来玩。

Answer 2

我对此并不是100％肯定，但我建议的是所有其他按钮都具有相同的＃34;字符大小＆＃34;或者更确切地说，在角色之前和之后的相同距离和＆＃34; ^＆＃34;有一个。这意味着使用另一种字体也可能会再次看起来不同。

看下面的图片：

似乎所有其他字符/符号都像这张图片上的a和e，它们只有相同的宽度。你的＆＃34; ^＆＃34;就像f一样。即使它具有相同的字体大小，它也不像其他人那么宽。

我建议你不要使用宽度而不是最小宽度，这样你就可以确定它们都具有你给它们的大小。