1

私はH1タグを持っていて、同じ行に、タグの直後にH1リンクがあります（の中にSPAN）。H1タグとタグの両方をSPAN設定しfloat:leftましたが、同じ行に表示されます。

ただし、タグに2行目に折り返されるテキストが多すぎる場合のシナリオではH1、次のSPANタグ（内部にリンクがある）はタグの最後の部分の後ろにきちんと配置されなくなりH1、代わりに次の行に表示されます。

<h1 style="float:left;">some really long text here ... blah</h1><span style="float:left;"><a href="">my link</a></span>

これは現在このようにレンダリングされます...

ここにいくつかの本当に長いテキスト...
何とか
私のリンク

..しかし、私はそれがこのように見えることを本当に望んでいます...

ここにいくつかの本当に長いテキスト...
何とか私のリンク

リンク/スパンをH1タグブロック内に配置せずに、常にSPAN（リンクを含む）をH1タグの最後の単語のすぐ後ろに保持するように強制するにはどうすればよいですか？

4

4 に答える 4

8

に変更h1します。その場合もdisplay:inline必要ありませんfloat:left。

于 2011-08-30T14:31:19.700 に答える
1

H1をに設定し、{ display:inline; }両方のフロートを削除できます。

于 2011-08-30T14:32:15.563 に答える
0

h1または位置の幅：スパンの絶対値。ただし、このためには、h1とspanをdivコンテナに入れる必要があります

于 2011-08-30T14:30:59.490 に答える
0

h1との幅を定義できますspan。これで機能するはずです。

于 2011-08-30T14:31:51.593 に答える