Cómo alinear entradas de noticias con propiedades CSS

  • Autor Autor noticiasvs
  • Fecha de inicio Fecha de inicio
noticiasvs

noticiasvs

Gamma
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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:

Sin-título-111.webp

Gracias y Saludos
 
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
 
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 - - -

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
 
Última edición:
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...
 
Última edición:
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
 
Atrás
Arriba