Question

我的网站上有一个表单，我想在同一行上放一个按钮并选择标签，但它会导致换行。我已经尝试了一个按钮，它在一条线上一个接一个地完全正常工作。我正在使用bootstrap 3。

<div class="panel-footer" style ="overflow: hidden; white-space: nowrap;">
    <button type="submit" class="btn btn-success" style="width:100px; margin:4px;">send</button> 
    <button type="submit" class="btn btn-success" style="width:100px; margin:4px;">send</button> 
    <select class="form-control" style = "width:100px; margin:4px;">
        <option value="volvo">Math</option>
        <option value="saab">History</option>
        <option value="opel">English</option>
        <option value="audi">Gymnastics</option>
    </select>
</div>

这条线上还有足够的空间可供4个选择。

Answer 1

在选择和按钮上使用display: inline;或display: inline-block;

Answer 2

您可以将select和button放在表格中。

为我工作。真的很简单。

<table>
<tr>
<td>
<select>
<option value="1">Value 1</option>
<option value="2">Value 2</option>
</select>
</td>
<td>
<input type="submit" value="Choose number">
</td>
</tr>
</table>

如何强制按钮并在同一行上选择？

2 个答案: