Heim >Web-Frontend >CSS-Tutorial >So fangen Sie einen String mit CSS3 ab
So fangen Sie einen String mit CSS3 ab
- 不言Original
- 2018-06-09 15:37:062161Durchsuche
Das Abfangen von Zeichenfolgen wird im Allgemeinen mit js oder einer Hintergrundsprache implementiert. Tatsächlich kann dieser Effekt auch mit CSS erzielt werden. Das Folgende ist ein Beispielcode, um Ihnen die CSS3-Methode zum Abfangen von Zeichenfolgen vorzustellen.
Das Abfangen von Zeichenfolgen wird im Allgemeinen mit js oder einer Hintergrundsprache implementiert mit CSS erreicht werden.
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">脚本之家欢迎您，只有奋斗才会有美好的未来</p>
<p id="second">脚本之家欢迎您，只有奋斗才会有美好的未来</p>
</body>
</html>Besonderer Hinweis: white-space:nowrap und overflow:hidden dürfen nicht weggelassen werden, da sonst die abgefangene Zeichenfolge ungültig wird.
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.
Verwandte Empfehlungen:
Verwendung von reinem CSS, um dynamische Texteffekte zu erzielen
CSS
Methode zur Einstellung der Textschriftfarbe (CSS-Farbe)
Das obige ist der detaillierte Inhalt vonSo fangen Sie einen String mit CSS3 ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!