Maison > Article > interface Web > Comment intercepter une chaîne en utilisant CSS3
Comment intercepter une chaîne en utilisant CSS3
- 不言original
- 2018-06-09 15:37:062042parcourir
L'interception de chaînes est généralement implémentée à l'aide de js ou d'un langage d'arrière-plan. En fait, cet effet peut également être obtenu en utilisant CSS. Ce qui suit est un exemple de code pour vous présenter la méthode CSS3 d'interception de chaînes. Les amis qui en ont besoin peuvent s'y référer
L'interception de chaînes est généralement implémentée en utilisant js ou un langage d'arrière-plan. En fait, cet effet peut également. être réalisé en utilisant CSS.
L'exemple de code est le suivant :
<!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>Remarque spéciale : white-space:nowrap et overflow:hidden ne peuvent pas être omis, sinon la chaîne interceptée sera invalide.
Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !
Recommandations associées :
Utiliser du CSS pur pour obtenir des effets de texte dynamiques
CSS
Méthode de définition de la couleur de la police du texte (couleur CSS)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!