html - 为什么这两个元素不在同一行上？

Question

我正在使用 bootstrap 将 2 个元素放在同一行。但是，我很难让它工作。这是我输入的内容:

<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <div>$</div>
            <div class="refundNumber">12345</div>
        </div>
    </div>
</div>

它输出:

$
12345

我希望它是:

$12345

我不能简单地将“$”与数字放在一起，因为我将使用 JS 在特定事件中从零开始计算数字。它不适用于当前的“$”。

预先感谢您帮助初学者!

Answer 1

<div> s 是从新行开始的 block 级元素。如果您希望它们在同一行，则必须使它们成为内联 block 或内联元素。

编辑:使用<span>在您的情况下将是合适的解决方案:

改变:

<div>$</div>
<div class="refundNumber">12345</div>

收件人:

<span>$</span>
<span class="refundNumber">12345</span>