0

「1234B」、「5678M」などのラベルがある場合...このラベルを変更して、最後の文字が数字のサイズよりも小さいサイズになるようにするにはどうすればよいですか?

4

3 に答える 3

1

最も簡単な方法は、small要素を使用することです (HTML5 ではまだ許可されていますが、不自然な「セマンティクス」がありますが、ブラウザーにとっては、フォント サイズが小さいことを意味します)。

1234<small>B</small>

次に、CSS を使用してフォント サイズの縮小を調整できます。

small { font-size: 80%; }

ただし、フォントサイズが異なるとストローク幅も異なるため、文字が小さくなるだけでなく、細く見えるため、印刷上の悪い結果が生じます。タイポグラフィでは、おそらく代わりにフォントのスモール キャップス グリフを使用するでしょう (ただし、タイポグラフィでは、通常、数字と文字のサイズを一致させるのではなく、サイズを一致させようとします!)。これは基本的に Web ページでも可能ですが (font-feature-settings: "smcp"接頭辞付きの , を使用)、まだまれですが、そのようなグリフを使用できるフォント (Calibri、Cambria、または Palatino Linotype など) が必要です。

于 2013-03-05T21:27:30.117 に答える
1 
<p>1234<span class="smaller">B</span></p>

.smaller {
    font-size: 5px;
}
于 2013-03-05T21:14:50.283 に答える
0

ワトソンはそれを持っています........しかし、CMSの考え方を考えさせてください....唯一の文字と数字をそのまま小文字にしたい場合は、これを行うことができます：

HTML:

 <div style="text-transform: lowercase;">3529M</div>

また

<div class="lowMe">3529M</div>
<div class="lowMe">5546D</div>

CSS:

.lowMe {text-transform: lowercase}

それ以外の場合は、言及されたようにスパンするだけです...

于 2013-03-05T21:30:43.760 に答える