如何将这两个元素打印到同一行？

Question

如何在同一行显示这两个页面元素？与现在一样，div使元素显示在两行上。

    <div id="logo-img"><a class="nobk" href="/ai">
<img src="/_/img/logo.gif" alt="Logo"/></a><div class="fb-like" data-send="false" data-width="450" data-show-faces="false">
    </div><div>

Answer 1

div是块类型，它总是在新行上，除非是：

将float: left

• absolutely定位为内联类型display: inline

的

• 浮点型

在div.fb-like上设置其中一些样式

Answer 2

你必须把你的第一张和第二张图片放在float中。

例如：

<div class="clrfx" id="logo-img">
<a class="nobk" href="/ai"><img class="fleft" src="/_/img/logo.gif" alt="Logo"/></a>
<div class="fb-like fleft" data-send="false" data-width="450" data-show-faces="false"></div></div>

<style type="text/css">
.clearfix {display: block;}
.fleft{float:left;}

​

我不喜欢在这种情况下使用定位，因为使用定位有点棘手。

Answer 3

<style type="text/css">
    #logo-img, .fb-like {
        float:left;
    }
</style>