css - 将文本附加到已换行为 2 行的 H1 标记

Question

我有一个H1标签，并且在同一行，紧跟在H1标签之后我有一个链接（在 a 内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>

这目前呈现这样......

这里有一些很长的文字......
等等
我的链接

..但我真的很希望它看起来像这样......

这里有一些很长的文字......
等等我的链接

如何强制它始终将 SPAN（包含我的链接）直接放在 H1 标签的最后一个单词后面，而不将我的链接/跨度放在 H1 标签块内？

score 8 · Accepted Answer

8

更改h1为display:inline，那么也不需要float:left。

于 2011-08-30T14:31:19.700 回答

score 1 · Accepted Answer

1

您可以将 H1 设置为{ display:inline; }并删除两个浮点数。

于 2011-08-30T14:32:15.563 回答

score 0 · Accepted Answer

h1 或位置的宽度：跨度的绝对值。但为此，您需要将 h1 和 span 放入 div 容器中

score 0 · Accepted Answer

0

您可以定义和的宽度h1，span它应该可以工作。

于 2011-08-30T14:31:51.593 回答

4 回答 4