我有一个H1
标记,在同一行,紧跟H1
标记后我有一个链接(在SPAN
内)。我将H1
标记和SPAN
标记都设置为float:left
,它们出现在同一行,就像我想要的那样。
然而,在偶然的情景中,当H1
标签包含如此多的文本时,它会包裹到第二行,以下SPAN
标记(内部链接)不再整齐地位于最后一部分的后面H1
标记,但显示在下一行。
<h1 style="float:left;">some really long text here ... blah</h1><span style="float:left;"><a href="">my link</a></span>
目前这样呈现......
这里有一些很长的文字......
的嗒嗒
我的链接
..但我真的希望它看起来像这样......
这里有一些很长的文字......
blah 我的链接
如何强制它始终将SPAN(包含我的链接)直接放在H1标签的最后一个单词后面,而不是将我的链接/跨度放在H1标签块内?
答案 0 :(得分:8)
将h1
更改为display:inline
,然后就不需要float:left
。
答案 1 :(得分:1)
您可以将H1设置为{ display:inline; }
并删除两个浮点数。
答案 2 :(得分:0)
,宽度为h1或位置:绝对值为span。 但为此你需要将h1和span放入div容器
答案 3 :(得分:0)
您可以定义h1
和span
的宽度,它应该有用。