2012-03-22 96 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> 

當我輸入大寫單詞如QWDO,它佔據更多的空間和其超過5px的寬度。有沒有什麼字體可以應用於解決這個問題。

+0

我認爲5px的郵政編碼字段有點小,或者您使用的字體很小? – 2012-03-22 19:05:52

+0

他必須使用[Dotsies](http://dotsies.org/)。 :P – 2012-03-22 19:09:16

回答

2

你想在Windows上使用固定寬度的字體,如Courier New。一般來說,這是CSS中的monospace字體系列(適用於所有操作系統)。

0

你有沒有嘗試像Courier等寬字體?

0

它具有相同的字體大小。字母的尺寸(高度和寬度)與字體大小沒有簡單的關係;他們是由字體設計師決定的。

對於五個字符的輸入字段,請使用HTML屬性size=5。這是最安全的方式 - 該領域可能比需要的更寬一些,但這是一個小問題,而不是過於狹窄。設定例如在CSS中的width: 3em是一個合理的選擇,但不太安全。使用width: 5ch似乎更合乎邏輯,但事實並非如此。首先,ch單位沒有得到廣泛支持;第二,根據定義,數字的寬度爲0,許多大寫字母可以更寬。