html - 标识号 (ID) 的输入元素

Question

我正在帮助开发一个网络应用程序，而该网络应用程序将需要一个 ID 号。我正在尝试使用背景图像和字母间距将单个输入字段分成十三个 block 。

正如您可能猜到的那样，我在这方面遇到了困难。我的盒子还好，但是随着屏幕缩小，第十四个盒子不断出现。我在字母间距方面也遇到了麻烦，因为它不接受百分比。

有谁知道像我描述的那样创建 ID 框的好方法，最好不使用除 HTML 和 CSS 之外的其他编程语言，但如果那不可能，那也没关系。

下面的代码是我的CSS

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

Answer 1

据我了解，您错过了背景 no-repeat 选项。 参见手册 here . 您可以为 block 或背景、文本偏移量(填充、边距)使用固定尺寸值。一切都完美对齐。