絶対要素の後の空白

相対コンテナdivの絶対スパンの後に空白に問題がありますが、空白は無効ですが、空白文字Unicode（これは& nsub）で置き換えられます。IEそれを正常にレンダリングします。私はそれをFFでテストしましたが、結果は同じでした。詳細：私はwin7のOS 絶対要素の後の空白

はIE 8を使用していますが、これは私のhtmlコードです：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
    </head> 

    <body> 

    <div style=" display:inline;position:relative;"> 
    <p> 
    <div style=" display:inline;position:relative;"> 

    <span style=" display:inline;position:absolute;">x</span> y 

    </div> 
    </p> 
    </div> 
    </body> 
    </html>

出典

2011-03-13 loll

あなたの質問は何ですか？ –

私はこれをうんざりすると、xにyが表示されます。代わりに何をしたいですか？ – melhosseiny

空白はHTMLで本当に無意味ですし、HTMLエンティティ を使用することができるスペースを強制します。

<span style="float: left;">x</span>

次にあなたが、入れてどのくらいのスペースを決めるために、その右マージンを設定することができます。テキストは、あなたがspanフロートの代わりに、絶対的に配置することを行うことができますスパンの右側に表示されているように

例：

<span style="float: left; margin-right: 15px;">

ライブテスト・ケース：http://jsfiddle.net/fg8NF/

出典

2011-03-13 12:32:54

ありがとうShadow Wizard :)これは私の問題を解決しました – loll

@ lol歓声、私は助けることができてうれしい。 :) –

答えて

関連する問題