So implementieren Sie den CSS-Stil, ohne ihn zu verstecken

So implementieren Sie den CSS-Stil „Overflow: Hidden“: Erstellen Sie zunächst eine HTML-Beispieldatei.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer

Wie kann ich erreichen, dass ich den CSS-Stil nicht nur verstecke?

CSS-Stil jenseits der Auslassungspunkte

width: 30px;
overflow: hidden;   //隐藏
white-space: nowrap;  //不换行
text-overflow: ellipsis; //超出部分省略号

Definition und Verwendung:
Das White-Space-Attribut legt fest, wie mit Leerraum innerhalb des Elements umgegangen wird.
Mögliche Werte:

Wert Beschreibung

Wert	Beschreibung
normal	Standardmäßig werden Leerzeichen vom Browser ignoriert.
Pre-Leerzeichen	Leerzeichen werden vom Browser beibehalten. Es verhält sich wie das Pre-Tag in HTML
nowrap	Der Text wird nicht umgebrochen, der Text wird in derselben Zeile fortgesetzt, bis das -Tag gefunden wird
pre-wrap	Behält die Leerzeichensequenz bei, aber normal Das text-overflow-Attribut gibt an, was passiert, wenn der Text das enthaltende Element überläuft.

ClipStandardmäßig Text zuschneiden AuslassungspunkteAuslassungspunkte anzeigen, um ausgelassenen Text darzustellen string Wenden Sie die angegebene Zeichenfolge an, um Trimmed darzustellen TextCSS-Video-Tutorial“

	Empfohlenes Lernen: „

Das obige ist der detaillierte Inhalt vonSo implementieren Sie den CSS-Stil, ohne ihn zu verstecken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!