2011-12-03 5 views
5

사용자에게 길이 요구 사항을 충족시키기 위해 채워야하는 문자 수를 알려주는 밑줄을 여러 개 표시하고 싶습니다.분리 된 밑줄이 필요합니다.

내 문제는 : 밑줄을 공백으로 구분하지 않습니다.

Q : 밑줄을 쉽게 계산할 수 있도록 어떤 글꼴이나 CSS 스타일을 사용해야합니까?

+0

무엇  으로 밑줄을 분리 어떻습니까? – kol

+0

대체 제안으로, 필드에 숫자 카운터를 사용하고 길이가 충족되면 녹색을 강조 표시 할 수 있습니다. – zzzzBov

+1

CSS 문자 간격은 이것에 적합합니다. 그것은 최선의 방법 일 것입니다. – Anil

답변

8

letter-spacing: 0.4em;을 사용하면 요소의 다양한 문자를 구분할 수 있습니다. 그래서, 당신이 input 요소를 사용하고 있으리라 믿고있어 :

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

JS Fiddle demo합니다.

참고 :