0

私は次のものを持っています:

<input maxlength="4" style="width: 50px;" type="text" data-ng-model="pidUpper" />

入力ボックスに最大 4 文字を保持したいと考えています。rem 単位を使用している場合、幅を決定するときに使用する式はありますか?

4

3 に答える 3

0

モノスペース フォントを使用しない限り、どのくらいの幅が必要かを実際に知ることはできません。

これは、 CSS トリックによる等幅フォントの優れたフォント スタックです。

/* Monospace stack */
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

また、検証を探しているだけの場合は、Javascript で文字列の長さをいつでも知ることができます。と"string".length

remsについては、em、px、および rem の違いを説明する素晴らしい記事があります。http://snook.ca/archives/html_and_css/font-size-with-rem

CSS3 では、"root em" を表す rem ユニットなど、いくつかの新しいユニットが導入されています。これでまだ眠れない場合は、rem がどのように機能するかを見てみましょう。ここに引用があります

em 単位は親の font-size に関連しているため、複合の問題が発生します。rem 単位は、ルート (または html) 要素に相対的です。つまり、html 要素で単一のフォント サイズを定義し、すべての rem 単位をそのパーセンテージになるように定義できます。

于 2013-10-18T14:17:31.433 に答える