нужен одинаковый размер шрифта для верхнего и нижнего регистра

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, он занимает больше места и превышает ширину в 5 пикселей.Есть ли какой-либо шрифт, который можно применить для преодоления этой проблемы.

Answer 1

Требуется шрифт фиксированной ширины, например Courier New в Windows. Обычно это семейство шрифтов monospace в CSS (работает на всех ОС.)

Answer 2

Он имеет тот же размер шрифта. Размеры (высота и ширина) букв не имеют простой связи с размером шрифта; они до дизайнера шрифтов.

Для поля ввода для пяти символов используйте атрибут HTML size=5. Это самый безопасный способ - поле может быть несколько шире, чем нужно, но это меньшая проблема, чем сделать его слишком узким. Настройка, например width: 3em в CSS - разумная альтернатива, но менее безопасная. Использование width: 5ch может показаться более логичным, но это не так; во-первых, модуль ch не поддерживается широко; во-вторых, по определению ширина цифры 0, и многие заглавные буквы могут быть шире.

Answer 3

Вы пробовали моноширинный шрифт, такой как Courier?