Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

87
Vistas
Cómo hacer 2 elementos html relacionados por altura

Necesito su ayuda, tengo 2 elementos html h3 y p

 <h3>Samsung Galaxy F22 launched in India: Price, features, other details</h3> <p>Samsung Galaxy F22 has been launched in India. The new smartphone has been priced in the mid-range segment. The new smartphone is powered by a MediaTek chipset and features a high refresh rate AMOLED display.</p>

Estos 2 elementos están ubicados en un contenedor limitado en altura y ancho (ancho: 376, alto: 191)

Uso css para agregar automáticamente puntos h3 y p al final

 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;

¿Cuál es la pregunta principal, cómo cambiar el -webkit-line-clamp del elemento p dependiendo de la altura\el número de filas de h3 ?

Necesito si h3 acepta 2 saltos de línea, entonces solo se debe permitir 1 salto de línea en p , pero si solo hay 1 salto de línea en h3 , entonces se deben usar 2 en p para que siempre no haya más de 5 líneas en total.

Traté de indicar en la captura de pantalla exactamente lo que necesito ingrese la descripción de la imagen aquí

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Si no digo tonterías, creo que no es posible asignar un css con tal condición.

Pero seguramente es posible con un complemento/biblioteca . Pero en html y css puros no es posible.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda