Question

我希望我的div内容彼此相邻，但它们正在彼此之下显示。

此div右对齐，是导航栏div的一部分。我尝试使用float left for text但没有进行任何改进。

{"123": [86, 0, 0, 96, 45.5],"124": [89, 0, 90, 96, 87],....}

结果：

登录
或
输入寄存器
检出图标

我想要：

登录或注册结帐图标

Answer 1

您的代码中的其他CSS看起来会影响您的样式。只需按照您的预期呈现

即可放置您的html渲染

＆＃13;

<div align="right" class="log-in-checkout" id="left-nav">
  <span class="login">
    <a href="#" data-toggle="modal" data-target="#login-modal">
      <span class="hidden-xs text-uppercase">Sign-in</span>
    </a>
    or 
    <a href="customer-register.html">
      <span class="hidden-xs text-uppercase">Register</span>
    </a>
  </span>
  <span class="checkout">
    <a class="btn btn-shopping-cart" href="#"><i class="fa fa-shopping-cart fa-2x"></i></a>
   </span>
</div>

＆＃13;

这一切都取决于影响它的样式，但将display: inline-block放在跨度可能会为您解决问题

Answer 2

您可以使用：

div {
     display: inline-block;
}

Answer 3

为了使float工作，div必须具有position: relative属性或position: static。此外，只有具有这些设置的DIV才会受到文档流的影响。

如果您将所有想要订购的div放在右侧/左侧，请使用以下属性：

position:relative;
float: right;

他们应该自动适应。

如何让div内容彼此相邻

3 个答案: