0

我的网页有input's that use font-style: normaland font-style: italic.

但是，查看我在 Firebug 中的输入框，我发现，将字体样式从“正常”更改为“斜体”后，这些斜体输入的宽度会缩短。因此，输入的长度会有所不同：“font-style: italic”较短，“font-style: normal”较长。

这有意义吗？或者这可能不是原因？

编辑

仔细观察后，很明显font-style: italic输入以及其他样式属性占用了size比输入更多的空间（我相信是 HTML）font-style: normal。

4

2 回答 2

3

输入的（像素）宽度（如果未明确指定）基于指定的最大文本大小和平均宽度（可能是en-size）。这个宽度可以根据字体变化而变化，所以我可以看到它有什么不同。

也许您可以通过指定确切的宽度来解决它。如果您喜欢相对大小，可以将输入放在容器元素中。给那个元素你喜欢的宽度pt或em单位。给输入 100% 的父宽度（或 make it display: block）。

现在，您可以根据容器元素的字体指定相对宽度，如果输入元素具有不同的字体，则为事件。

于 2013-06-28T19:45:27.167 回答
2

字体样式肯定会影响文本的宽度。例如，对于 Verdana 中的文本，斜体样式的文本比普通样式的相同文本更宽（以像素为单位）。根据斜体字体的性质，这是可以预料的，但这实际上取决于字体。例如，考虑正常的“l”，它往往相当窄，尤其是在无衬线字体中，斜体的“l”或多或少倾斜，因此需要更大的宽度。

斜体文本比普通文本更短（更窄）听起来很奇怪（尽管理论上是可能的）。要分析特定情况，需要一些触发此行为的特定代码，以及测试中使用的浏览器信息。

于 2013-06-28T19:56:47.113 回答