无法使用物质对齐的中心对齐

Question

我一直在使用politializecss，我遇到了一些麻烦来集中物品，我有以下片段，并尝试了很多东西，但是我无法弄清楚它一种集中的方式，因为它总是使它对齐

我该怎么做？

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

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