我怎样才能集中 <nb-select> 控制权

Question

我正在使用星云模板。

我正在尝试使用 <nb-select>。

我无法集中控制，例如，一旦它在另一个标签内，<div class="input-group">。

如何集中 <nb-select>，如何将此控件的宽度设置为 100%，并且更改已在控件处可见？

          <div class="input-group">
              <nb-select selected="0">
                <nb-option value="1">Verint Speech</nb-option>
                <nb-option value="2">Nice IA</nb-option>
              </nb-select>
            </div>

Answer 1

您需要覆盖默认 CSS 并将最大宽度强制设置为 100%，如下所示。这对我有用。

nb-select{ 
    max-width: 100% !important;
    width: 100%; 
}

Answer 2

How could I centralize the

根据问题的代码，您在 div 中有 nb-select，input-group class。要在 div 内居中 nb-select，请将以下 CSS 添加到您的组件中：

.input-group {
  display: flex;
  justify-content: center;
}

how could I set 100% of width of this control

您可以设置 fullWidth 输入 nb-select。

<nb-select fullWidth>
...
</nb-select>

见docs for details

我怎样才能集中 <nb-select> 控制权

How can I centralize <nb-select> control

angular

nebular