CSS-Auslassungspunkte mit Inline-Elementen?

Ich habe das MultiSelect-Widget von jQuery UI so angepasst, dass im Text alle ausgewählten Beschriftungen angezeigt werden. Wenn jedoch zu viele Elemente zur Anzeige ausgewählt werden, wird der Text abgeschnitten und mit Auslassungspunkten versehen. Ich habe es so gemacht:

.ui-multiselect .selected-text {
    display: block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Das einzige, was mir an dieser Lösung nicht gefällt, ist, dass ich einstellen musstedisplay: block zum Element (span). Ohne diesen Parameter wurde der width-Parameter ignoriert und der Bereich auf die Textgröße erweitert.

Ist es möglich, Auslassungspunkte für die Arbeit mit Inline - Elementen zu erhalten (ohne Änderungen vorzunehmen)?display zublock)? Wenn ja, wie kann das erreicht werden?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage