2012-03-22 12 views
1

Htmlテキストボックスは、大文字と小文字の両方のフォントサイズが同じである必要があります。は、大文字と小文字のフォントサイズが同じである必要があります。

例えば、私はCSSクラスを下回る=「フィールド幅-5」を用いて5のテキストボックスの長さを有する

.field-width-5 { width:5px } 


<td class="field-width-5"> 
     <xforms:input bind="alternate-address-1-postal-code" xxforms:maxlength="5" id="alternate-address-1-postal-code-id"/> 
</td> 

iは例えばQWDOとして大文字ワードを入力すると、それはより多くのスペースを占め、それが超え5pxの幅どのフォントもこの問題に適用できますか?

+0

私はポストコードフィールドの5pxは少し小さいと思うか、非常に小さいフォントサイズを使用しますか? –

+0

[Dotsies](http://dotsies.org/)を使用している必要があります。 :P –

答えて

2

Windows上で固定幅フォントCourier Newが必要です。一般的にCSSのmonospaceフォントファミリーです(すべてのOSで動作します)。

0

Courierのようなモノスペースフォントを試しましたか?

0

フォントサイズは同じです。文字の大きさ(高さと幅)はフォントサイズと単純な関係にありません。彼らはフォントデザイナーに任されています。

5文字の入力フィールドには、HTML属性size=5を使用します。これは最も安全な方法です。フィールドは必要以上に広いかもしれませんが、それは狭すぎるよりも小さな問題です。例: CSSのwidth: 3emは合理的な選択肢ですが、安全性は低くなります。 width: 5chを使用すると、より論理的に見えるかもしれませんが、そうではありません。まず、chユニットは広くサポートされていません。第2に、それは定義上、数字0の幅であり、多くの大文字はより広いことができる。