Added Auslassungszeichen für langen Text aber unter dem Text zeigt

ich diesen CSS für Ellipsen verwendetAdded Auslassungszeichen für langen Text aber unter dem Text zeigt

.truncate { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}

ich diese CSS-Klasse gegeben habe, mein td Element und meinen Text in einer anderen Spanne innerhalb td

Wenn Sie Punkte unter dem Text sehen, eine Idee, wie Sie das beheben?

Quelle

2016-06-10 Ratan Paul

Ich denke, dass Sie die Breite oder die maximale Breite definieren müssen, posten Sie bitte den HTML-Code. – Stickers

Haben Sie versucht, die maximale Breite für die abgeschnittene Klasse zu setzen? – Don

@Pangloss Ja, ich versuchte mit maximaler Breite, aber keinen Erfolg. Sorry, ich kann den Code teilen, weil viel Code in meiner HTML-Tabelle .. Jeder andere Vorschlag –

Ja, das Problem gefunden. Es gibt CSS-Klasse hinzugefügt in span mit left:20px. Das verursachte das Problem. Ich änderte das nur zu margin-left:20px .. und löste

Quelle

2016-06-12 03:27:06

Für Arbeit Text-Überlauf: Ellipse; Der Text sollte sich in einem Container befinden, der eine bestimmte Breite deklariert hat.

Quelle

2016-06-10 14:55:28

Added Auslassungszeichen für langen Text aber unter dem Text zeigt

Antwort

Verwandte Themen