ID 번호 입력 요소

Question

웹 응용 프로그램을 개발하는 데 도움이되고 웹 응용 프로그램에는 ID 번호가 필요합니다. 하나의 입력 필드를 배경 이미지와 문자 간격을 사용하여 13 개의 블록으로 분리하려고합니다.

아마 추측 할 수 있듯이이 문제가 있습니다. 상자 종류는 괜찮지 만 화면이 축소되면 14 번째 상자가 계속 나타납니다. 나는 또한 비율을 받아들이지 않기 때문에 문자 간격에 문제가있다.

HTML 상자와 CSS를 제외하고 다른 프로그래밍 언어를 사용하지 않고 ID 상자를 만드는 좋은 방법을 알고있는 사람이 있습니까? 그렇지만 불가능하다면 그 사람도 좋습니다.

아래 코드는 내 CSS

#right3 input { 
    background-image: url(blocks.jpg); 
    background-size: 7.229307692%; 
    letter-spacing: 7.229307692% 
} 

Answer 1

내가 알 수있는 바와 같이, 당신은 배경 no-repeat 옵션을 놓쳤다. here 설명서를 참조하십시오. 블록 또는 배경, 텍스트 오프셋 (여백, 여백)에 고정 된 치수 값을 사용할 수 있습니다. 모든 것이 완벽하게 일치해야합니다.