Центрировать содержимое в ячейке сетки данных четкости

У меня есть простая сетка данных с иконками.

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

Как я могу центрировать значки в ячейках?

css angular sass vmware-clarity

12.07.2018 13:03

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

1 239

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Вам нужно добавить стиль в тег ячейки <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>

12.07.2018 13:19

Вы можете попробовать это в своем style.css

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

ИЛИ ЖЕ

Вы можете использовать встроенный CSS

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

12.07.2018 14:29

Другие вопросы по теме

Ng2-carouselamos левый и правый значки не работают

Ag-grid cellRenderer не удалось отобразить ячейку после оценки значения

Как загрузить PDF-файл, созданный с помощью rmarkdown, через HTTP с помощью OpenCPU

Сбросить форму шаблона в угловом 6, используя кнопку вне формы

Как использовать параметры редактирования и удаления в Angular NGX-Datatables

Загрузите несколько приложений Angular2 на одной странице

Получите Observable <T> из HttpClient.get с параметрами

Как изменить список массивов ниже с помощью ngModel и ngModelChange angular 4

Как показать 5 лучших данных при использовании подписки в nativescript

Angular CLI: не удается прочитать свойство write из undefined

Центрировать содержимое в ячейке сетки данных четкости

Ответы 2

Другие вопросы по теме

Похожие вопросы