EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
PF Preguntas - Foro

Cómo distribuir horizontal y uniformemente los elementos contenidos en un DIV

Programación CSS  
 
Cómo distribuir horizontal y uniformemente los elementos contenidos en un DIV

Puede que en alguna ocasión te hayas encontrado con el problema de que los elementos de un DIV no se alineen homogéneamente con respecto al espaciado horizontal del mismo. Normalmente, dichos elementos los alineamos a derecha, izquierda o centro, y siempre que lo hacemos, termina quedándonos un espacio vacío en los extremos del conjunto de elementos, dependiendo de su tipo de alineación.

En este ejemplo vemos como quedan los elementos alineados a la izquierda quedando un espacio vacío a la derecha del elemento contenedor.

 

Aplicando una serie de atributos al estilo del contenedor podemos hacer que los elementos en su interior se alineen uniforme y horizontalmente. Específicamente, si al DIV contenedor le damos los siguientes atributos de estilo:

Para el atributo justify-content, entre otras, tienes dos opciones:

 

Nota. Puedes ver los códigos HTML y CSS en las respectivas pestañas de los distintos ejemplos.

 

Únete al canal de Telegram

Déjanos un comentario o entra al  Foro
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page
Etiquetas:

Artículos relacionados

Un pensamiento sobre “Cómo distribuir horizontal y uniformemente los elementos contenidos en un DIV

Pablo

Chevere, me sirvio, no sabia que esta propiedad exisia

Comentarios cerrados.