我需要分开的下划线

Question

我想向用户显示一些下划线,让他们知道需要填写多少个字符才能满足长度要求.

我的问题是:下划线没有空格分隔.

问:我应该使用什么字体或CSS样式才能轻松计算下划线？

Answer 1

您可以使用它letter-spacing: 0.4em;来分离元素中的各种字符.我假设你正在使用一个input元素,所以:

input {
    letter-spacing: 0.4em; /* or whatever measurement you prefer... */
}

JS小提琴演示.

参考文献:

• letter-spacing在MDC.

Answer 2

使用CSS属性letter-spacing.

视觉示例:http://jsfiddle.net/8w9WY/