texto de desbordamiento: no elipsis trabajando en un div que contiene un div en Chrome

quiero tener todo el texto se termina con '...' pero sólo funciona para el div interior:texto de desbordamiento: no elipsis trabajando en un div que contiene un div en Chrome

<div>Test test test test test test<div>asdasdasdasdasd</div></div> 

div { 
    border: solid 2px blue; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 40px; 
}

http://jsfiddle.net/JU8Up/

¿hay alguna Solución para que también el texto que figura en el div externo obtenga el '...'?

edición: parece que es un problema de cromo, pero sigue siendo el punto de referencia en la respuesta a continuación funciona

Fuente

2012-09-26 Nick Russler

Veo las elipsis tanto para el texto externo como el interno en FF (más reciente). ¿Con qué navegador estás probando? – techfoobar

Estoy viendo puntos suspensivos en ambos en FF pero solo en el interior en Chrome. –

derecha estaba usando Chrome, edité el artículo en consecuencia –

Funciona mediante la adición de float: left; a la CSS div, pero sin ningún contexto más no puedo comentar sobre lo lado- efectos que pueden tener en su implementación.

Example here.

Fuente

2012-09-26 12:32:16

Vi esta propiedad por primera vez, solo curiosidad, ¿cómo es útil? – freebird

¿Qué propiedad, 'float: left'? O 'text-overflow: ellipsis'? –

text-overflow: puntos suspensivos – freebird

Echa un vistazo a este enlace. puede ser de ayuda.
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

Fuente

2012-09-26 12:33:55

[W3Schools no es una fuente confiable] (http://w3fools.com/): para probar cosas rápidamente en el navegador, [JSFiddle] (http://jsfiddle.net/) es mucho mejor, y para documentación general y aprendizaje, recomiendo [Mozilla Developer Network] (https: //developer.mozilla.org/en-US/). –

bien. pero aprendo muchos todos los básicos de w3school. –

texto de desbordamiento: no elipsis trabajando en un div que contiene un div en Chrome

Respuesta

Cuestiones relacionadas