text-overflow: Ellipse entfernt font-awesome Symbole

9

Ich habe eine einfache Tabelle mit font-awesome Icons in ihren Zellen. Ich habe die Tabellenspalten durch einfaches JavaScript in der Größe veränderbar gemacht. Der Zelleninhalt wird ausgeblendet, wenn er überflogen wird und eine Ellipse ("...") angezeigt wird:

%Vor%

Das Problem: Wenn die Spalten so skaliert werden, dass der Inhalt ausgeblendet und dann wieder vergrößert wird, sind alle Symbole außer dem ersten verschwunden.

Erwartetes Verhalten: Symbole sollten wieder erscheinen, wenn die Spalte wieder vergrößert wird.

Bitte führen Sie das folgende Snippet aus, um es in Aktion zu sehen. Jede Hilfe wird sehr geschätzt! Danke.

%Vor% %Vor% %Vor%
    
Timo 02.11.2017, 11:04
quelle

3 Antworten

1

Sie können die Eigenschaft display der Klasse fa auf inline (Arbeitsgeige hier ) setzen:

%Vor%     
Küroro 02.11.2017, 12:52
quelle
1

Versuchen Sie es mit dieser CSS, geben Sie die Breite 100% der Tabelle oder eine maximale Breite.

%Vor%     
Nitin Dhomse 02.11.2017 11:28
quelle
1

Deaktivieren Sie einfach die Eigenschaft display der Klasse fa in td .

%Vor%

haben

%Vor%

wie

%Vor%

Unten ist ein funktionierendes Beispiel.

%Vor% %Vor% %Vor%
    
Thusitha 02.11.2017 11:31
quelle