1

私はこのコードを持っています

<html>
 <head>
  <style type="text/css">
   .frame                  {width: 50em; border: 1px solid black}
   .frame  label           {width: 20em; display: block; text-align:right; border: 1px solid green} 
   .frame label span       {width: 20em; display: block; font-size: .5em; border: 1px solid red; text-align: right}
  </style>
 </head>
 <body>
  <div class="frame">
   <label>
    Label
    <span>
     Span
    </span>
   </label>
  </div>
 </body>

赤<span>は に設定されてい20emます。ただし、グリーンと同じ大きさにする必要があります<label>。ただし、赤い部分のフォントサイズは小さくしたいです。残念ながら半分の大きさでも同じサイズにfont-sizeは使えません。40emその問題を解決する方法はありますか？

4

3 に答える 3

2

デザインを「スケーラブル」に保ちたいので、pxはオプションではありません。スパンの「幅：100％」で機能することがわかりました。

于 2009-01-27T15:46:57.837 に答える
1

emの使用は、含まれているemサイズに関連していることに注意してください。pxまたはptを使用する場合、サイズは画面の解像度を基準にしています。spanこれが、20emのラベルの内側にあるときに赤に対して20em相当の幅が得られた理由です。

于 2009-01-27T16:21:43.133 に答える
1

SPAN要素 (または)の幅を宣言しない場合width:100%、そのプロパティdisplay:blockは、その幅が使用可能な全幅であることを既に確認しています。

于 2009-01-27T16:00:43.440 に答える