Texto que sobresale un div
Publicado por jokings80 (4 intervenciones) el 15/08/2012 10:00:44
Hola,
Tengo un div donde se va mostrando texto de forma dinámica y quiero que cuando ese texto sea más largo que el tamaño del div se corte. Que no se vaya a una segunda línea ni sobresalga del div ni nada de eso. Usando
.estiloDiv {
width: 150px;
height: 25px;
overflow: hidden;
display: block;
}
se soluciona para Internet Explorer en todos los casos, y para Mozilla y Chrome en la mayoría. Sin embargo, cuando la primera palabra del texto es más grande que el tamaño del div, en Mozilla y Chrome no se muestra nada. El div aparece vacío.
¿Alguna idea de cómo podría hacerse para que se comportara igual que en Explorar, es decir, si la primera palabra es más grande que el tamaño del div, se muestre el texto que quepa en el div y se corte el resto de la palabra?
Gracias por la ayuda!!
Tengo un div donde se va mostrando texto de forma dinámica y quiero que cuando ese texto sea más largo que el tamaño del div se corte. Que no se vaya a una segunda línea ni sobresalga del div ni nada de eso. Usando
.estiloDiv {
width: 150px;
height: 25px;
overflow: hidden;
display: block;
}
se soluciona para Internet Explorer en todos los casos, y para Mozilla y Chrome en la mayoría. Sin embargo, cuando la primera palabra del texto es más grande que el tamaño del div, en Mozilla y Chrome no se muestra nada. El div aparece vacío.
¿Alguna idea de cómo podría hacerse para que se comportara igual que en Explorar, es decir, si la primera palabra es más grande que el tamaño del div, se muestre el texto que quepa en el div y se corte el resto de la palabra?
Gracias por la ayuda!!
Valora esta pregunta
0