2017-11-09 22 views
0

私はWebアプリケーションの開発に協力しており、WebアプリケーションにはID番号が必要です。私は、背景画像と文字間隔を使用して、1つの入力フィールドを13ブロックに分割しようとしています。識別番号(ID)の入力要素

あなたが推測しているように、私はこの問題を抱えています。私は大丈夫な箱を持っていますが、画面が縮小するにつれて14番の箱が現れ続けます。私は、それがパーセンテージを受け入れないので、文字間隔にも問題があります。

IDボックスを作成する良い方法を知っている人は、HTMLやCSS以外のプログラミング言語を使用しないで記述するのが望ましいと思いますが、それが不可能な場合はそれも問題ありません。

コードは以下の私のCSS

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

HTMLを追加して、スニペットやデモを作成することができますか?ありがとう – sol

+0

px;の代わりに %; – dean

答えて

0

私が理解したようである、あなたは背景no-repeatオプションを逃しました。 マニュアルhereを参照してください。 ブロックまたは背景、テキストオフセット(パディング、マージン)に固定ディメンション値を使用できます。すべてを完全に整列させるため。

+0

ちょうど13のブロックで背景を作って、ノーリピートオプションを使用すると、私に問題が発生しました。だから私にそのことを思い出させてくれてありがとう、しかし、私の文字間隔は問題ではありません。なぜなら、画面の大きさに関係なく、それぞれのブロックに常に数字を入れる必要があるからです。 – PoseidonofSea