CSS text-overflow: ellipsis; funktioniert nicht?

Question

Ich weiß nicht, warum dieses einfache CSS nicht funktioniert...

.app a {
  height: 18px;
  width: 140px;
  padding: 0;
  overflow: hidden;
  position: relative;
  margin: 0 5px 0 5px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}

  Test Test Test Test Test Test

Sollte um den 4. "Test" herum abgeschnitten werden

Answer 1

Fügen Sie die vier Zeilen nach den Informationen für Ellipsen hinzu, damit sie funktionieren

.app a
{
 color: #fff;
 font: bold 15px/18px Arial;
 height: 18px;
 margin: 0 5px 0 5px;
 padding: 0;
 position: relative;
 text-align: center;
 text-decoration: none;
 width: 140px;

 /* 
 Hinweis: Die folgenden 4 Zeilen sind notwendig, damit die Ellipsen funktionieren.
 */

 display: block;/* Ändern Sie es nach Bedarf. */
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

Answer 2

Fügen Sie display: block; oder display: inline-block; zu Ihrem #User_Apps_Content .DLD_App a hinzu

Demo

Answer 3

Fügen Sie einfach das div ein, das diesen Absatz enthält

white-space: nowrap 
width: 50px; 
overflow: hidden;
text-overflow: ellipsis; 
border: 1px solid #000000;

Answer 4

Stellen Sie außerdem sicher, dass word-wrap für IE10 und darunter auf normal gesetzt ist.

Die unten referenzierten Standards legen fest, dass das Verhalten dieser Eigenschaft vom Wert der Eigenschaft "text-wrap" abhängt. WordWrap-Einstellungen sind jedoch immer in Windows Internet Explorer wirksam, da Internet Explorer die Eigenschaft "text-wrap" nicht unterstützt.

Daher war in meinem Fall word-wrap auf break-word gesetzt (vererbt oder standardmäßig?), was dazu führte, dass text-overflow in FF und Chrome funktionierte, aber nicht in IE.

ms info zur word-wrap Eigenschaft

Answer 5

Anchor, span... Tags sind standardmäßig Inline-Elemente. Bei Inline-Elementen funktioniert die Breite-Eigenschaft nicht. Sie müssen Ihr Element also entweder in ein Inline-Block- oder Block-Level-Element umwandeln