在清晰度数据网格单元格中居中内容

Question

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

<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>

如何使单元格中的图标居中？

Answer 1

您需要在 <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>

Answer 2

你可以在你身上试试这个style.css

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

或

您可以使用内联 css

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

在清晰度数据网格单元格中居中内容

Center content in clarity datagrid cell

css

sass

angular

vmware-clarity