Реагируйте - центрируйте и измените размер шрифта. - PullRequest
0 голосов
/ 01 мая 2020

Итак, я создаю компонент виджета в реакции, и мне нужно добавить значок, который должен быть центрирован. У меня есть этот код:

<div  className={classes.textCenter}>
    <i className={"fas fa-lungs fa-2x"} />
</div>

Но я получаю это:

enter image description here

Убедитесь, что вмещающий элемент (тег i) по центру, но значок больше.

У меня также есть следующий код jss:

"& .fab,& .fas,& .far,& .fal,& .material-icons": {
    position: "relative",
    display: "inline-block",
    top: "0",
    verticalAlign: "middle",
    textAlign: "center"
  },

, но, похоже, это ничего не меняет.

Заранее спасибо.

1 Ответ

1 голос
/ 01 мая 2020

Пожалуйста, попробуйте это для родителя div -:

.textCenter{
    display: flex;
    justify-content: center;
    align-items: center;
}

Также удалите все существующие иконки classes.

...