9

指定された長さ - 4 のテキスト フィールドを持つアプリケーションがあります。

クロム:クロム ファイアフォックス:ファイアフォックス

Firefox / IE に固定幅のスペースを強制的に使用させる方法はありますか? これは ID 番号の場合の問題です。フィールドは実際には完全な入力を受け入れますが、デフォルトでは全幅を表示しません (コピー/貼り付けではなく画面からフィールドを入力すると、ユーザー エラーが発生する可能性があります)。

4

8 に答える 8

1

代わりに、size属性を 5 に変更してみてください。したがって、すべてのブラウザーに適合します。

<input size="5" maxlength="4" value="WWWW" id="txt">
于 2013-10-14T16:59:40.233 に答える
0

HTML

<input size="4" maxlength="4" value="WWWW" id="txt">

CSS

#txt{
    font-family: Courier New;
    font-size: 15px;
}

デモ

http://jsfiddle.net/pePXB/1/

これは、他の人が提案したいくつかの「組み合わせ」です... Internet Explorer、Firefox、およびChromeを使用して、これをjsfiddleで少し試してみましたが、この組み合わせが私にとって最適に機能し、一貫した結果が得られるようですブラウザー間で。

于 2013-10-14T17:12:08.990 に答える
0

このCSSセクタールールを試してください

#elementId
{
    letter-spacing: 5px;
}

.elementClass
{
    letter-spacing: 5px;
}
于 2013-09-30T18:30:07.243 に答える
0

次のコードをお勧めします。どのフォントファミリを使用しても、指定された文字幅のテキストボックスが作成されます。

HTMLコード

<input size="4" maxlength="4" value="WWWW" id="txt">

CSSコード

#txt{
    width:4em;
}

これにより、テキストボックスは常に 4 つの「M」の幅に等しくなり、ボックス内で任意の 4 文字を安全に使用できるようになります。

さまざまなシステムを使用して幅を設定する方法について詳しくは、次のリンクを参照してください。

http://www.webmasterworld.com/forum83/5001.htm

于 2014-03-12T05:52:25.473 に答える