angular - 我怎样才能集中控制

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

我怎么能集中

根据您nb-select在课堂div上遇到的问题的代码。input-group要居中nb-select，div将以下 CSS 添加到您的组件中：

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

我怎么能设置这个控件的 100% 的宽度

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

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

有关详细信息，请参阅文档

Answer 2

您需要覆盖默认 CSS 并将 max-widht 强制为 100%，如下所示。这对我有用。

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