Text-Überlauf: Auslassungs arbeitet nicht in einem div ein div in Chrom enthält

ich haben will alle Text mit enden ‚...‘, aber es funktioniert nur für das innere div:Text-Überlauf: Auslassungs arbeitet nicht in einem div ein div in Chrom enthält

<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/

Gibt es eine Lösung, so dass auch der Text im äußeren div das '...' erhält?

edit: scheint wie sein ein Chrom Problem, aber immer noch das Update in der Antwort unten funktioniert

Quelle

2012-09-26 Nick Russler

Ich sehe Ellipsen sowohl für den äußeren als auch den inneren Text in FF (neueste). Mit welchem Browser testeest du? – techfoobar

Ich sehe Ellipsen sowohl in FF als auch nur in Chrome. –

richtig ich benutzte chrom, editierte den Artikel entsprechend –

Es funktioniert durch float: left; zum div CSS hinzufügen, aber ohne weiteren Zusammenhang kann ich nicht kommentieren, was Side- Effekte, die in Ihrer Implementierung haben können.

Example here.

Quelle

2012-09-26 12:32:16

Sah diese Eigenschaft zum ersten Mal, nur neugierig, wie ist es sinnvoll? – freebird

Welche Eigenschaft, 'float: left'? Oder 'Text-Overflow: Ellipse'? –

text-overflow: Ellipse – freebird

Überprüfen Sie diesen Link. es kann dir helfen.
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

Quelle

2012-09-26 12:33:55

[W3Schools ist keine vertrauenswürdige Quelle] (http://w3fools.com/) - um Dinge schnell im Browser auszuprobieren, [JSFiddle] (http://jsfiddle.net/) ist viel besser, und für allgemeine Dokumentation und Lernen empfehle ich [Mozilla Developer Network] (https: //developer.mozilla.org/en-US/). –

ok. aber ich lerne viele grundlegende von w3school. –

Text-Überlauf: Auslassungs arbeitet nicht in einem div ein div in Chrom enthält

Antwort

Verwandte Themen