Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen für die Verwendung von reinem CSS3 zum Abfangen von Zeichenfolgen vorstellen. Das Folgende ist ein praktischer Fall, schauen wir uns das an.
Das Codebeispiel lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>CSS</title>
<style type="text/css">
#first{
width:120px;
height:30px;
background-color:#F30;
overflow:hidden;
text-overflow:clip;
white-space:nowrap;
}
#second{
width:120px;
height:30px;
background-color:#F30;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:10px;
}
</style>
</head>
<body>
<p id="first">QWEQWEQWEQWE</p>
<p id="second">QWEQWEQWEQWE</p>
</body>
</html>Besonderer Hinweis: white-space:nowrap und overflow:hidden dürfen nicht weggelassen werden, da sonst die abgefangene Zeichenfolge ungültig wird.
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Miniprogrammentwicklung zum Erstellen einer Popup-Menüfunktion (mit Code)
Upgrade des Webpacks auf Version 4.0 Und installieren Sie webpack-cli
Das obige ist der detaillierte Inhalt vonString mit reinem CSS3 abfangen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
