在同一行上显示元素

Question

我将每个元素对齐在同一行：

<i class="fa fa-btc"></i> <span id="counter"></span> <div id="btcvalue"> ~ $100.34 <span class="slight"><i class="fa fa-play fa-rotate-270 text-success"> </i> 0.000000690BTC</span> </div>

看起来像这样：

看看它们在两条不同的线上？现在我已经尝试了许多内容，例如display:block;和inline，但似乎都没有效果。由于<div>，我很确定它会被切割到下一行，但无法移动或删除。任何人都可以帮忙，谢谢！

Answer 1

div是block元素。块元素垂直定向而不是inline。您只需将div元素更改为span。

即可

<i class="fa fa-btc"></i> <span id="counter"></span> 
<span id="btcvalue"> 
    ~ $100.34 <span class="slight"><i class="fa fa-play fa-rotate-270 text-success"> </i> 0.000000690BTC</span>
</span>

或者您可以设置div的样式，以便它显示在同一行上。 （例如display: inline-block）

如果元素仍然不在同一行，则可能是自动换行引起的。您可能需要将所有内容包装在一个附加元素中并转换自动换行。 （例如white-space: nowrap）