Das beste CSS3 Text-Overflow-Eigenschaft-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Browser-Unterstützung,Attributdefinitionen und Anweisungen,Grammatik,Weitere Beispiele,In Verbindung stehende Artikel, lernen

CSS3 Text-Overflow-Eigenschaft

Beispiele

Verwenden Sie Text-Überlauf-Eigenschaft:

div.test
{
text-overflow:ellipsis;
}

Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.

属性
text-overflow 4.0 6.0 7.0 3.1 11.0
9.0 -o-

Attributdefinitionen und Anweisungen

Text-Überlauf-Eigenschaft gibt, wenn der Text das Element enthält, überläuft, was passieren soll.

Standard: Klammer
Vererbung: keine
Version: CSS3
JavaScript-Syntax: Objekt .style.textOverflow = "Ellipsen"


Grammatik

text-overflow: clip|ellipsis|string;

Wert Beschreibung
Klammer Schneiden Sie Text.
Ellipse Anzeige Apostroph gepflegten Text darzustellen.
Schnur Verwenden Sie die angegebene Zeichenfolge repräsentiert getrimmten Text.


Beispiele

Weitere Beispiele

Hover zeigt den gesamten Text
Dieses Beispiel zeigt, dass, wenn die Maus über das Element schwebt, wie der gesamte Text angezeigt werden soll.


In Verbindung stehende Artikel

CSS3 Tutorial: CSS3 den Texteffekte

CSS3 Text-Overflow-Eigenschaft
10/30