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>是从新行开始的块级元素。如果您希望它们位于同一行，则必须使它们成为内联块或内联元素。

修改：在您的情况下使用<span>将是合适的解决方案：

变化：

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

要：

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

Answer 2

喜欢＆＃34; Dov Benyomin＆＃34;回答，除了应用ascii字符以确保兼容性。

 <div class="col-xs-12">
     <span>&#36;</span>
     <span class="refundNumber">12345</span>
 </div>

Answer 3

有多种方法可以做到这一点：

＆＃13;

def __init__(self):
    super(Window, self).__init__()
    self.setGeometry(0, 0, 1280, 800)
    self.setWindowTitle("Window")
    self.setWindowIcon(QtGui.QIcon('Test.png')) # < How can I import resource file here?

＆＃13;

.text{display:inline-block;}

＆＃13;

像Micheal指出的那样，使用ASCII代码。（＆＃34;＆amp;＃36;＆＃34; for＆＃34; $＆＃34;）

为什么这两个元素不在同一条线上？

3 个答案: