Heim >Web-Frontend >js-Tutorial >So veranlassen Sie, dass Text automatisch ausgeblendet und Ellipsen angezeigt wird, nachdem er die Div-Grenze überschreitet

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

php中世界最好的语言
php中世界最好的语言Original
2018-03-14 10:44:183160Durchsuche

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;
}

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!

Stellungnahme:
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