css文本右边的图标在正确的回退溢出

请看这个例子http://jsfiddle.net/7trcV/ 我想要实现的是能够将任意图标放在文本的右侧，文本宽度是有限。在这个例子中，我发布了第二个问题（短文本） - 图标显示为与文本分离。css文本右边的图标在正确的回退溢出

任何帮助表示赞赏！

2011-11-24 atamur

所以你想显示图标旁边的文字或我错了..？我想我没有得到这个问题... – Gatekeeper

是的，你理解它是正确的。 – atamur

我给了.content一个正确的填充和设置图标作为它的背景。

好吧，试试这个http://jsfiddle.net/7trcV/6/它应该已经整理出你的下划线问题。我没有解决可点击图标，因为这与您的原始问题完全不同。

2011-11-24 13:25:34 MrMisterMan

谢谢，不幸的是，一些故障（没有下划线悬停在铬中，ff3.6中的双下划线，ff3.6中的图标周围乱七八糟等）+不允许我在最后放置单独的可点击图标（这也是其中一个用例） – atamur

它在ff3.6中仍然是一团糟，但这是我猜测的最好的事情 – atamur

您可以使用javascript来查找跨度的宽度，并在其旁边显示图标位置。

2011-11-24 11:44:59 peduarte

如果可能，我宁愿避免js – atamur

是的，尝试避免js总是很好。不过，我认为没有它就不可能实现你想要的。就个人而言，我认为它总是在右边看起来更好。 – peduarte

好抱歉，我没有你的代码看起来正确的，第一次在这里...问题是绝对定位的图标，这就需要下一个要被漂到你的跨度是这样的：jsfiddle link

当你这样做后，你必须设置该跨度的最大宽度为图标的容器宽度的宽度......希望这会有所帮助

2011-11-24 12:49:24 Gatekeeper

对不起，现在我不太明白你的答案。 .content已经内联块，设置它阻止不会改变任何东西给我 – atamur

你设置最大宽度：160px;内容，但我不能这样做，因为我不知道绝对宽度不幸的 – atamur

，但你有那些包装divs 200px宽...所以你知道有200px-iconwidth space文本或不是？ – Gatekeeper

回答