Html 字母间距输入偶数

Html 字母间距输入偶数,html,css,forms,letter-spacing,Html,Css,Forms,Letter Spacing,我正在制作一个带有输入字段的html表单。如果我使用字母和数字,则字母间距不正确。如何确保字母间距始终良好 好: 错误(字母间距): 息票 如何解决此问题?如评论中所述,您应该使用单空格字体,如Courier。Avenir的字符(和其他非单间距字符)每个字符具有唯一的水平空间 如果绝对需要Avenir,您可以使用多个输入,javascript在输入时自动递增。使用单间距字体,或创建8个输入字段。文本对齐:居中。文本对齐:居中可能比左对齐更好。是否可以更新html代码文本对齐:居中不是解

我正在制作一个带有输入字段的html表单。如果我使用字母和数字,则字母间距不正确。如何确保字母间距始终良好

好:

错误(字母间距):



息票

如何解决此问题?

如评论中所述,您应该使用单空格字体,如Courier。Avenir的字符(和其他非单间距字符)每个字符具有唯一的水平空间


如果绝对需要Avenir,您可以使用多个输入,javascript在输入时自动递增。

使用单间距字体,或创建8个输入字段。
文本对齐:居中。
文本对齐:居中可能比左对齐更好。是否可以更新html代码文本对齐:居中不是解决方案。我想从左边开始打字
input{
  margin: auto;
  display: block;
  background: transparent;
  height: 76px;
  border: none;
  text-align: left;
  font-family: "Avenir", sans-serif !important;
  font-weight: 500;
  font-size: 30px;
  width: 600px;
  letter-spacing: 49px;
  padding-left: 30px;
}
<div class="coupon">
  <h3 class="widget-title bluetext">Coupon</h3>
  <div class="couponwrap">
    <input type="text" id="ticket-number" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"  maxlength="8" minlength="8">
    <div class="cursor-hide"></div>
  </div>
</div>