<label class="control-label" style="padding:0px"><@i18n>已有权限</@i18n></label> <div class="" style="display: inline"> <select class="form-control" name="scope_sign" id="scope_sign"> </select> </div>为什么lable和div不显示在同一行

`<label>` 元素和 `<div>` 元素默认情况下是块级元素，它们会独占一行显示。所以，即使你在 `<label>` 和 `<div>` 上设置了 `display: inline` 样式，它们仍然会显示在不同的行上。

要让 `<label>` 和 `<div>` 元素显示在同一行，你可以使用一些 CSS 技巧来改变它们的显示方式。以下是一种可能的方法：

<style>
  .inline-container {
    display: flex;
    align-items: center;
  }
</style>

<div class="inline-container">
  <label class="control-label" style="padding: 0px"><@i18n>已有权限</@i18n></label>
  <div class="" style="display: inline">
    <select class="form-control" name="scope_sign" id="scope_sign"></select>
  </div>
</div>

在上面的代码中，我们创建了一个名为 `inline-container` 的 CSS 类，使用了 Flexbox 布局的 `display: flex` 属性和 `align-items: center` 属性。将 `<label>` 和 `<div>` 元素包装在一个具有这个类的容器 `<div>` 中，这样它们就会水平对齐显示在同一行上。

使用这种方法，你可以通过调整容器的样式来控制 `<label>` 和 `<div>` 元素在同一行上的对齐和布局。