带有跨度问题的Bootstrap 3 div

Question

我有这个div，它包含添加到列表中的任何范围

<div class="col-md-12">
    <div class="col-md-5">
        <label>Batch Ref List</label>
    </div>
    <div id="div_list" class="col-md-5">
    </div>
</div>

还有一个按钮，只是在div中添加一个跨度，但是当我开始跨度时，它只会继续并且不会创建一个新行。

span html是

<button type="button" data-dismiss="alert" aria-hidden="true" style="border:none; background-color:transparent;" onclick="remove_element(this);">×</button>

它看起来像这样。

我需要它做的是一旦它到达终点，它将自动“下降”或创建一个新行

非常感谢任何帮助。

Answer 1

跨度的宽度取决于字体大小，因此在到达末尾时无法创建新行，但您可以使用css float属性。

＆＃34; float：left;＆＃34;在你的跨度，并且＆＃34;明确：两者;＆＃34;在下一个元素上调整容器的高度。