html - 在输入文本之间添加填充

Question

我想将文本（计算器格式）添加到包含以下数据的输入字段：

• 一个数字
• 一个符号 (x, -, +, /)
• 一个数字

如何在一个输入字段中的这些元素之间添加填充，所以我可以：

[digit][30px gap][sign][10px gap][2nd digit]

数字之间的差距也可以定制。

在输入中添加简单的填充没有帮助......（https://jsfiddle.net/gzuv6Lr4/显示它）

有什么线索吗？

._inp {
  color: red;
  padding-left: 10px;
}

<form>
  <input type="text" class="_inp" value="10 x 30" />
</form>

标签： htmlcss

Answer 1

word-spacing在输入字段上使用 CSS属性：

https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing