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

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 字体系列(适用于所有操作系统。)