19

span 要素内に 1 つの空白を適用しようとしましたが、実行できませんでした。

私のアプリケーションでは、次の 2 つのスパン要素があります。

<span style='color:red;margin-right:1.25em'>*</span> 
<span style='color:red;margin-right:1.25em'>&nbsp;</span>

これらの 2 つのスパンを異なるフィールドに適用して、それらを同じ配置レベルにしましたが、次の問題があります。PFB ここに画像の説明を入力

上記のコードに何か問題がありますか

名フィールドは、適切な位置合わせのために少し右に移動する必要があります。

4

4 に答える 4

45

マージンはブロックまたはインラインブロック要素に適用されます

のようなインライン要素ではありません

スパンタグ_

これを試して

<span style='color:red;margin-right:1.25em; display:inline-block;'>&nbsp;</span>
于 2012-07-27T10:26:16.800 に答える
6

span要素はデフォルトでインライン要素であるため、仕様では水平マージンは無視されます。それらをインライン ブロックにするか (ほとんどのブラウザーでサポートされていますが、すべてのブラウザーでサポートされているわけではありません)、マージンの代わりにパディングを使用できます。

文字「*」と改行なしスペースは、偶発的な場合を除き、同じ幅ではないため、これはおそらく最終的な問題を解決しません。フォーム フィールドと関連するラベルと説明で構成されるデータのテーブルを設定するには、HTML テーブルを使用し、CSS で少しスタイリングを追加します。

于 2012-07-27T10:46:24.457 に答える