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
Compártelo Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

Artículos relacionados

Etiquetas:

Deja un comentario