Abandonnez les programmes d'arrière-plan et JS et utilisez CSS pour intercepter automatiquement le texte

Auteur：Eve Cole Date de mise à jour：2009-05-31 01:04:50

L'utilisation de CSS pour intercepter automatiquement le texte ne nécessite pas de programmes d'arrière-plan ni de JS. Les avantages de son utilisation sont : compatible avec IE, Firefox, Opera ; bon pour l'intégrité du contenu ; bon pour le référencement ; pas besoin de traitement de programme en arrière-plan ; peut être ajusté à tout moment au premier plan.
Inconvénients : La longueur d'interception ne peut pas être déterminée automatiquement. Lorsque les caractères sont très courts, des ellipses ultérieures seront générées dans Firefox.
De plus, lors du réglage de la largeur d'interception, veillez à ce que l'interception du texte soit complète.

Exécutez la démo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>interception de texte CSS< /title> <style type="text/css"> body{font-size:13px;color:#8c966b;} div{clear:both;width:340px;border:1px solid #333;margin:3px;padding : 3px;} div a{color:#8c966b;text-decoration:none;} div a:hover{text-decoration:underline;} div a{display:block;width:310px;white-space:nowrap;overflow:hidden ;float:left; -o-text-overflow: points de suspension; /* pour Opera */ text-overflow:ellipsis; /* pour IE */ } div:after{content:"...";padding-left:3px ;font-size:12px;}/* pour Firefox */ </style> </head> <body> <div><a href="">Utilisez CSS pour intercepter automatiquement le texte, sans avoir besoin de programmes en arrière-plan et de JS L'avantage d'utiliser </a></div> <div><a href=""> est qu'il est bénéfique pour l'intégrité du contenu et le référencement, sans avoir besoin de traitement de programme en arrière-plan, ni de longueur à intercepter. peut être ajusté à tout moment au premier plan. </a></div> <div><a href="">Inconvénients : La longueur d'interception ne peut pas être déterminée automatiquement. Lorsque les caractères sont très courts, des symboles de points de suspension ultérieurs seront également générés dans Firefox. </a></div> <div><a href="">De plus, lors du réglage de la largeur d'interception, veillez à ce que l'interception du texte soit aussi complète que possible</a></div> </body> </html>