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 |
|---|---|
| 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. |
| Wert | Beschreibung |
| Auslassungspunkte | |
|---|---|
| string | Wenden Sie die angegebene Zeichenfolge an, um Trimmed darzustellen Text |
| Empfohlenes Lernen: „ | CSS-Video-Tutorial
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
