Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So lösen Sie das Problem der Verwendung des CSS-Attributs text-overflow

高洛峰
Freigeben: 2017-03-09 10:12:01
Original
2348 Leute haben es durchsucht

text-overflow: clip |. ellipsis

Dieses Attribut muss durch mehrere Attribute zusammen verwendet werden

1, overflow:hidden;
Dieses Attribut ist der Inhaltsbereich Was Was soll ich tun, wenn der Inhalt nicht geladen werden kann? Dabei wird der Überlaufinhalt nicht direkt angezeigt. Das scheint ein notwendiges Attribut zu sein. Mein Inhaltstext läuft über und wird erst angezeigt, wenn er zugeschnitten wird. Andernfalls wird der Überlauf nach dem Zuschneiden immer noch angezeigt, was schade ist

        
Dann wird der Textüberlauf nicht funktionieren. Der Überlauf ist immer noch ein Überlauf. Es spielt keine Rolle, ob Sie Textüberlauf verwenden oder nicht.

2, white-space:nowrap;
Dieses Attribut ist eine Leerzeichenoperation. Damit der gesamte Text ohne Umbruch angezeigt werden kann, kann er mit width

3, width
zugeschnitten werden. Dieses Attribut steuert die Breite des Inhaltsbereichs . Wenn nicht, weiß der Textüberlauf nicht, wo mit der Kürzung begonnen werden soll. Dies ist mein eigenes Verständnis;

Der obige Artikel über die Verwendung des CSS-Attributs „Textüberlauf“ ist der gesamte vom Herausgeber geteilte Inhalt, und ich hoffe auch, dass er von allen unterstützt wird die chinesische PHP-Website.

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem der Verwendung des CSS-Attributs text-overflow. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage