Solución:
Alineamiento vertical:
Use una envoltura y dele a la envoltura una clase de .valign-wrapper
<div class="valign-wrapper">
<h5>This should be vertically aligned</h5>
</div>
Alineación horizontal:
Usar .left-align
, .right-align
, .center-align
en el elemento a centrar.
Ver documentación.
Puede centrar el botón usando materializar clase centrar-alinear, pero utilícelo en <p>
o <div>
etiqueta. ya que <a>
la etiqueta es una etiqueta de bloque en línea.
Aquí está el código.
<p class="center-align">
<a class="waves-effect waves-light btn-large blue"><i class="material-icons right">cloud</i>Enter</a>
</p>
Agregue la clase ‘centro’ al div circundante:
<div id="div" class="row center">
<a class="waves-effect waves-light btn-large blue"><i class="material-icons
right">cloud</i>Enter</a>
</div>
Nota: div también debe tener la clase ‘fila’.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)