大写和小写需要相同的字体大小

Question

对于大写和小写字符，Html文本框应具有相同的字体大小。

例如，我的文本框长度为5，使用css class =“field-width-5”

.field-width-5 { width:5px }


<td class="field-width-5">
      <xforms:input bind="alternate-address-1-postal-code" xxforms:maxlength="5" id="alternate-address-1-postal-code-id"/>
</td>

当我输入QWDO等大写单词时，它会占用更多空间并超过5px的宽度。是否有任何字体可以应用于此问题。

Answer 1

在Windows上需要像Courier New这样的固定宽度字体。通常这是CSS中的monospace字体系列（适用于所有操作系统。）

Answer 2

你试过像Courier这样的等宽字体吗？

Answer 3

它具有相同的字体大小。字母的尺寸（高度和宽度）与字体大小没有简单的关系;他们取决于字体设计师。

对于五个字符的输入字段，请使用HTML属性size=5。这是最安全的方式 - 这个领域可能比需要的要宽一些，但这个问题比做得太窄也要小。例如设定CSS中的width: 3em是一个合理的选择，但不太安全。使用width: 5ch似乎更符合逻辑，但事实并非如此;首先，ch单位没有得到广泛支持;第二，根据定义，它是数字0的宽度，许多大写字母可以更宽。