Heim > Artikel > Web-Frontend > So fangen Sie einen String mit CSS3 ab

So fangen Sie einen String mit CSS3 ab

不言Original: 2018-06-09 15:37:062043Durchsuche

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!

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

Vorheriger Artikel：So verbergen Sie Bildlaufleisten mit CSSNächster Artikel：So verbergen Sie Bildlaufleisten mit CSS

In Verbindung stehende Artikel

Mehr sehen