不能使用物化中心对齐东西答案

【问题标题】：Cant center align stuff using materialize不能使用物化中心对齐东西
【发布时间】：2018-08-05 11:06:11
【问题描述】：

我一直在使用MaterializeCSS，我在集中一些东西时遇到了一些麻烦，我有以下sn-p，并尝试了很多东西，但我想不出一个集中的方法因为它总是左对齐

我该怎么做？

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

【问题讨论】：

标签： css html materialize center-align

【解决方案1】：

使用center-align 代替center-block。 center-block 适合用于图像本身的居中。但是，目前您想从父容器居中，因此需要使用 center-align 将所有子容器对齐到中心

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

【讨论】：