html - 在输入组内选择的顶部显示跨度

Question

有什么方法可以在输入组内将跨度置于顶部而不是左侧？

我希望它是这样的:

Title
line_1
line_2
line_3

我试过用 div.input-group 包裹跨度，但跨度和选择不再在一起，它们是分开的。

这是html代码:

<div class="input-group">
    <span class="input-group-addon">Title</span>
    <select class="form-control" multiple="multiple" size="3">
        <option value="line_1">line_1</option>
        <option value="line_1">line_2</option>
        <option value="line_1">line_3</option>
    </select>
</div>

Here is a JSFiddle example

Answer 1

span 是一个内联元素，如 text、input、select 等。因此它被添加到 select 之外。如果您希望跨度位于选择的顶部，那么您需要:

1. 只用 div 包裹 span
2. 将 span 设为 div
3. 使跨度显示: block ；