Я использую MaterializeCSS, и у меня возникли проблемы с централизацией материалов, У меня есть следующий фрагмент, и я пробовал много чего, но я не могу понять, как его централизовать, потому что он всегда выравнивает его

Как мне это сделать?

@import 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css';
      <div class="row">
        <div class="col s12 m5 profile-inner center-block">
          <img class="circle responsive-img perfil-icon" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/profileicon/600.png">
          <br><span class="center-align"style="font-size: 2.5rem">TyG Yeux</span><br>
          
          <span style="font-size: 1.5rem">Level 50</span>
        </div>
0
Rafael Baldasso Audibert 26 Фев 2018 в 06:15

1 ответ

Лучший ответ

Используйте center-align вместо center-block. center-block подходит для использования для центрирования самого изображения. Но в настоящее время вы хотите центрировать из родительского контейнера, поэтому необходимо использовать выравнивание по центру, чтобы выровнять все дочерние элементы по центру.

@import 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css';
<div class="row">
        <div class="col s12 m5 profile-inner center-align">
          <img class="circle responsive-img perfil-icon" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/profileicon/600.png">
          <br><span class="center-align"style="font-size: 2.5rem">TyG Yeux</span><br>
          
          <span style="font-size: 1.5rem">Level 50</span>
        </div>
1
Kasnady 26 Фев 2018 в 06:21