我的网页有使用font-style: normal 和font-style: italic 的input。
但是，查看我在 Firebug 中的输入框，我发现，在将 font-style 的样式从“正常”更改为“斜体”后，这些斜体输入的宽度会缩短。因此，输入的长度会发生变化:较短“font-style: italic”和较长“font-style: normal”。
这有意义吗？或者这可能不是原因？
编辑
仔细查看之后，很明显 font-style: italic 输入及其其他样式属性占用了更多空间(HTML size，我相信)比 font-style: normal 输入。
最佳答案
输入的(像素)宽度，如果未明确指定，则基于指定的最大文本大小和平均宽度(可能是 en-size )。这个宽度可以根据字体变化而变化，所以我可以看到它有何不同。
也许你可以通过指定一个精确的宽度来解决它。如果您喜欢相对大小，可以将输入放在容器元素中。以 pt 或 em 单位为该元素指定您喜欢的宽度。为输入提供其父级宽度的 100%(或使其成为 display: block)。
现在，您可以根据容器元素的字体指定相对宽度，如果输入元素具有不同的字体。
关于html - HTML字体样式会影响输入长度吗，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17372221/