Estoy usando la abrazadera de línea para truncar el texto en un número específico de líneas. por ejemplo, abrazadera para 3 líneas. Mi código funciona correctamente en Chrome, pero en Firefox, el texto no trunca la propiedad como este div que tiene un nombre de clase como descripción que tiene dos elementos, uno es un párrafo y otro es una lista desordenada de elementos. por lo tanto, en Firefox está truncando el texto del elemento secundario en lugar del texto del elemento principal (considerándolo como dos elementos diferentes) como referencia, vea esta imagen Resultado en Firefox, en Chrome tuncate correctamente el texto en 3 líneas como ejemplo Es un hecho establecido desde hace mucho tiempo que un el lector se distraerá con el contenido legible de una página al mirar su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más normal...

 .description{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

 <div class="description"> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more a normal distribution about df</p> <ul> <li>Why resilience is the The point of using Lorem Ipsum is that it has a more a normal distribution</li> <li>How helping others helped her develop the confidence to overcome setbacks</li> <li>Changing hrer lorem set lump to not allow sum to feel like a post more</li> </ul><br> </div>

pasó por esto https://css-tricks.com/almanac/properties/l/line-clamp/ pero aún así el texto no se trunca correctamente en Firefox como referencia, vea este jsfiddle adjunto aquí en Chrome y Firefox, ambos y el código dado abrazadera varias lineas