contenido del centro de la fundación zurb en la cuadrícula

Question

Estoy tratando de centrar horizontalmente una imagen en una columna zurb pero parece imposible. Intenté todo, busqué en todas partes, pero no puedo hacer que funcione.

Aquí está mi código:

<div class="row"> 
    <div class="twelve columns"><br /> 
     <img src="img_06.jpeg" alt="slide image"> 
    </div> 
</div> 

Actualmente imágenes de paisajes están bien en la parrilla de la columna 12, pero cuando una imagen de retrato viene lo largo de ella es en el lado izquierdo de la parrilla. Si le doy un 25% de relleno vaya al centro, pero estoy usando php para extraer todas las imágenes de una carpeta y generar el código sobre la marcha, por lo que no puedo tener un 25% de relleno en todas las imágenes (los del paisaje se encogen).

Gracias

Answer 1

edición de noviembre de 2015: En la Fundación 6 la salida Typography Helpers

---

edición de abril de 2014: En la Fundación 5 la salida Utility classes.

---

Respuesta original:

utilizar la clase de texto y el central.

<div class="row"> 
    <div class="twelve columns text-center"><br /> 
     <img src="img_06.jpeg" alt="slide image"> 
    </div> 
</div> 

Fuente: https://github.com/zurb/foundation/pull/224

Answer 2

Intente agregar la clase centrada.

.five.columns.centered 

Answer 3

El uso de fundación 4:

HTML:

<div class="row"> 
    <div id="wrap-img" class="large-12 columns"><br /> 
     <img src="img_06.jpeg" alt="slide image"> 
    </div> 
</div> 

CSS:

#wrap-img img { margin: 0 auto; } 

Answer 4

La única manera de obtener una imagen centrada en Encontrado una la 4 es cambiar para mostrar: bloquear; para img en lugar de mostrar: bloque en línea;

Answer 5

Solo agregue la clase "centro de texto"