Question

使用精灵优化了一些东西并遇到了这个问题...我需要将两个块对齐到文本的右侧，但无论我做什么，它们都会在它下面的新线上开始左对齐。使用position：absolute似乎可以在我的编辑器中使用，但是在发布它时不会。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<style type="text/css">    
a.facebook{margin:0 5px 0 0;float:left;display:block;width:30px;height:30px;background:url(social.png) no-repeat 0 0;background-position:0px -38px;overflow:hidden;text-indent:-10000px;font-size:0px;line-height:0px;}
a.twitter{margin:0 5px 0 0;float:left;display:block;width:30px;height:30px;background:url(social.png) no-repeat 0 0;background-position:-30px -38px;overflow:hidden;text-indent:-10000px;font-size:0px;line-height:0px;}
</style>
</head>

<body>
<div>this is a test
<a href="#" onclick="window.open('http://test.com')" title="Find us on Facebook!" class="facebook">Find us on Facebook!</a>
<a href="#" onclick="window.open('http://test.com')" title="Find us on Twitter!" class="twitter">Find us on Twitter</a></div>
</body>
</html>

Answer 1

如果我得到了问题，我认为你正在寻找float:right，但请注意浮动相对于跟随它们的元素相对浮动，所以你需要先放置链接文本。

修改：更多数据 如果您希望将块插入到其他元素中，就好像它们是文本的一部分一样，您应该创建它们的display:inline-block（在IE6中，这仅适用于默认情况下为内联的元素）。但是他们会出现在他们插入的位置，而不是浮动。

需要将两个块对齐在文本的右侧 - 可能吗？

1 个答案: