Como alinhar entradas de notícias com propriedades CSS

noticiasvs · 03/02/2017

Hola a todos!

Tengo una página de noticias y me gustaría distribuir las entradas de las noticias del estilo a: ver enlace --> anime .es

Si les coloco float:left, si un div tiene menos altura que otro, la coloca alineada, mejor se lo resumo en una imagen:

Gracias y Saludos

Ging · 03/02/2017

Con flexbox css lo hace muy facil .
por youtube hay un video de flex css que dura como 30 minutos si loo entiendes podras hacer eso :encouragement: .

NOTA: Los float ya son historias del pasdo lo mas moderno y podria decirse correcto es usar las propiedades de flexbox

noticiasvs · 04/02/2017

Gracias por la respuesta, lo miraré, el tema es si es compatible con navegadores antiguos, si algo relativamente nuevo igual... Pero si no me queda más remedio tendré que hacerlo así xD

- - - Actualizado - - -

Ging disse:
Con flexbox css lo hace muy facil .
por youtube hay un video de flex css que dura como 30 minutos si loo entiendes podras hacer eso :encouragement: .

NOTA: Los float ya son historias del pasdo lo mas moderno y podria decirse correcto es usar las propiedades de flexbox

Estuve tratando de hacerlo con flexbox y me pasa exactamente lo mismo que con float. =/ y no me apetece diferentes llamadas a la bd y diseñarlo a base de columnas, si está echo por ahí es porque es posible XP

mrtorpedin · 05/02/2017

noticiasvs disse:
Gracias por la respuesta, lo miraré, el tema es si es compatible con navegadores antiguos, si algo relativamente nuevo igual... Pero si no me queda más remedio tendré que hacerlo así xD

- - - Actualizado - - -

Estuve tratando de hacerlo con flexbox y me pasa exactamente lo mismo que con float. =/ y no me apetece diferentes llamadas a la bd y diseñarlo a base de columnas, si está echo por ahí es porque es posible XP

aqui lo tienes:

A Pen by Santiago

Y flexbox ya funciona en todos los navegadores sin problemas. El unico que te podría generar algun problema es internet explorer en versiones anteriores al 2012. Cosa que poco importa ya que dudo que mucha gente use dicho navegador en esa version...

noticiasvs · 12/02/2017

mrtorpedin disse:
aqui lo tienes:

A Pen by Santiago

Y flexbox ya funciona en todos los navegadores sin problemas. El unico que te podría generar algun problema es internet explorer en versiones anteriores al 2012. Cosa que poco importa ya que dudo que mucha gente use dicho navegador en esa version...

Mil gracias mrtorpedin eres un crack

Como alinhar entradas de notícias com propriedades CSS

noticiasvs

Ging

noticiasvs

mrtorpedin

noticiasvs

Tópicos similares