如何让lable和div显示在同一行
时间: 2024-04-15 07:31:47 浏览: 16
要让 `<label>` 和 `<div>` 元素显示在同一行,你可以使用 CSS 的 `display: inline-block` 或者 `display: inline-flex` 属性来改变它们的显示方式。
方法一:使用 `display: inline-block` 属性
```html
<style>
.inline-elements {
display: inline-block;
}
</style>
<label class="inline-elements">已有权限</label>
<div class="inline-elements">
<select class="form-control" name="scope_sign" id="scope_sign"></select>
</div>
```
方法二:使用 `display: inline-flex` 属性(需要注意浏览器兼容性)
```html
<style>
.inline-container {
display: inline-flex;
}
</style>
<div class="inline-container">
<label>已有权限</label>
<div>
<select class="form-control" name="scope_sign" id="scope_sign"></select>
</div>
</div>
```
通过将它们的显示方式设置为 `inline-block` 或者 `inline-flex`,这些元素就可以水平排列在同一行上。你可以根据实际需要选择其中一种方法来实现目标。