Css 将内容集中在clarity datagrid单元格中

我有一个带有图标的简单清晰的数据网格

<clr-datagrid>
    <clr-dg-column>Severity</clr-dg-column>
    <clr-dg-row *clrDgItems="let alert of alerts; let i = index [clrDgItem]="item">
           <clr-dg-cell>
              <clr-icon id="severity-error" shape="minus-circle" class="is-solid"></clr-icon>
           </clr-dg-cell>
    </clr-dg-row>
</clr-datagrid>

严重程度
您需要在单元格标记中添加样式

<clr-dg-cell style="text-align: center;">
    <clr-icon id="severity-error" shape="minus-circle" class="is-solid"></clr-icon>
</clr-dg-cell>

您需要在单元格标记中添加样式

<clr-dg-cell style="text-align: center;">
    <clr-icon id="severity-error" shape="minus-circle" class="is-solid"></clr-icon>
</clr-dg-cell>

您可以在your style.css中尝试此功能

clr-dg-cell {
text-align: center;
}

或

您可以使用内联css

<clr-dg-cell style="text-align: center;">
    < your content>
</clr-dg-cell>


<您的内容>
您可以在your style.css中尝试此功能

clr-dg-cell {
text-align: center;
}

或

您可以使用内联css

<clr-dg-cell style="text-align: center;">
    < your content>
</clr-dg-cell>


<您的内容>