html – 制作文本并选择水平下拉列表

概述我正在尝试制作像标签这样的文本并在同一行中选择下拉列表. 当我使用display：内联两个div时,它可以工作.但是当我在select中使用form-control类时会中断.这是一个例子 这是代码 <div class="col-md-2"> <div> <span>test</span></div> <div> <select class="form-control" id= @H_419_2@ 我正在尝试制作像标签这样的文本并在同一行中选择下拉列表.
当我使用display：内联两个div时,它可以工作.但是当我在select中使用form-control类时会中断.这是一个例子

这是代码

<div >  <div> <span>test</span></div>  <div>    <select  ID="sel1">      <option>1</option>      <option>2</option>      <option>3</option>      <option>4</option>    </select>  </div></div>

我想让它在同一条线上.

解决方法 添加显示：flex for container.

.flex {  /* become a flex container */  /* its children will be flex-items */  display: flex;  /* align items on Font's baseline */  align-items: baseline;}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/CSS/bootstrap.min.CSS" rel="stylesheet" /><div >  <div><span>test</span></div>  <div>    <select  ID="sel1">      <option>1</option>      <option>2</option>      <option>3</option>      <option>4</option>    </select>  </div></div>

@H_419_2@ 总结

以上是内存溢出为你收集整理的html – 制作文本并选择水平下拉列表全部内容，希望文章能够帮你解决html – 制作文本并选择水平下拉列表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。