Saltar al contenido

¿Cómo se puede alinear al centro un botón usando Materialise CSS?

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *