Abandone los programas en segundo plano y JS y use CSS para interceptar texto automáticamente

Autor：Eve Cole Fecha de actualización：2009-05-31 01:04:50

El uso de CSS para interceptar texto automáticamente no requiere programas en segundo plano ni JS. Los beneficios de usarlo son: compatible con IE, Firefox y Opera; bueno para la integridad del contenido; bueno para SEO; Se puede ajustar en cualquier momento en primer plano.
Desventajas: la longitud de la intercepción no se puede determinar automáticamente. Cuando los caracteres son muy cortos, se generarán elipses posteriores en Firefox.
Además, al configurar el ancho de intercepción, preste atención para intentar que la intercepción del texto sea completa.

Ejecute la demostración
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//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>interceptación de texto 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: puntos suspensivos; /* para Opera */ text-overflow:ellipsis /* para IE */ } div:after{content:"...";padding-left:3px ;font-size:12px;}/* para Firefox */ </style> </head> <body> <div><a href="">Utilice CSS para interceptar texto automáticamente, sin necesidad de programas en segundo plano ni JS La ventaja de utilizar </a></div> <div><a href=""> es que es beneficioso para la integridad del contenido y el SEO, sin la necesidad de procesamiento del programa en segundo plano y la longitud a interceptar. se puede ajustar en cualquier momento en primer plano. </a></div> <div><a href="">Desventajas: la longitud de la intercepción no se puede determinar automáticamente. Cuando los caracteres son muy cortos, también se generarán símbolos de puntos suspensivos posteriores en Firefox. </a></div> <div><a href="">Además, al configurar el ancho de intercepción, tenga cuidado de que la intercepción del texto sea lo más completa posible</a></div> </body> </html>