Heim > Web-Frontend > js-Tutorial > Hauptteil

So veranlassen Sie, dass Text automatisch ausgeblendet und Ellipsen angezeigt wird, nachdem er die Div-Grenze überschreitet

php中世界最好的语言
Freigeben: 2018-03-14 10:44:18
Original
3124 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie dafür sorgen, dass der Text die Auslassungspunkte automatisch ausblendet und anzeigt, nachdem er den div überschreitet div. Das Folgende ist ein praktischer Fall. Der Text wird automatisch hinzugefügt, nachdem er die Div-Grenze überschreitet...

Sie müssen nur den folgenden Stil in CSS festlegen:


Ich glaube, Sie beherrschen die Methode Nachdem Sie den Fall in diesem Artikel gelesen haben, lesen Sie bitte andere verwandte Artikel auf der chinesischen PHP-Website.
label{
     width: 25px;   //必须设定宽度
    overflow: hidden;
    text-overflow: ellipsis; //设置文字溢出时
    white-space: nowrap;
    word-break: keep-all;
}
Nach dem Login kopieren

Empfohlene Lektüre:

Detaillierte Erklärung des CSS3-Schattens


JavaScript-Array-Nutzungssammlung


Wie man auf Leinwand den Sternenhimmel, den Mond und die Erde zeichnet und Text hinzufügt


Wie man auf Leinwand Bögen und Kreise zeichnet

Das obige ist der detaillierte Inhalt vonSo veranlassen Sie, dass Text automatisch ausgeblendet und Ellipsen angezeigt wird, nachdem er die Div-Grenze überschreitet. 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