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，并将max-widht强制为100％，如下所示。这对我有用。

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

Answer 2

我如何集中

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

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

如何设置此控件的宽度的100％

您可以设置fullWidth的{{1}}输入。

nb-select

请参见docs for details

如何集中化<nb-select>控件

2 个答案: