如果我想在同一行的下拉按钮之前放置文本,我如何才能使下拉菜单正确对齐?使用此html,它与div的左边缘对齐(即单词“ Choose”)。但是,如果将跨度放在下拉div之外,则div会开始新的一行。
<div class="dropdown">
<span>Choose: </span>
<button class="btn btn-default dropdown-toggle" type="button" id="choice-dropdown" data-toggle="dropdown">Choice
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="choice-dropdown" id="choice-dropdown-list">
<li><a href="#">a</a></li>
<li><a href="#">b</a></li>
<li><a href="#">c</a></li>
</ul>
</div>
将其添加到下拉div中,然后将跨度移到外部:
<span>Choose: </span><div class="dropdown" style="display:inline-block;">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句