1

次のように、テキスト行にギャップを作ろうとしています。

Text: (absolute positioned field here) more text

Chrome では、適切な量だけプッシュされるため、「テキストを追加」はフィールドのすぐ右にあります。Firefox では、テキストがフィールドの後ろに隠れてしまうように、左に表示しすぎます。

間に絶対位置フィールドがあります。「その他のテキスト」はスパン内にあり、幅、マージン左、および位置:相対を使用するだけでなく、さまざまな測定単位を使用して配置しようとしました。測定単位は、Firefox の方が小さいようです。これは基本的に私が持っているものです:

<div> Text <input /><span class="moveright"> more text </span> </div>
.moveright {display: inline-block; position:relative; left:160px}

助けてくれてありがとう!

編集: jsFiddle: http://jsfiddle.net/7jmP4/

フィドルでは、私が見ているものを生成するために意図的にスペースを間違えています。Chrome と Firefox で表示すると、私が抱えている問題が完全に発生します。

4

0 に答える 0