Abandone programas em segundo plano e JS e use CSS para interceptar texto automaticamente

Autor：Eve Cole Data da Última Atualização：2009-05-31 01:04:50

Usar CSS para interceptar texto automaticamente não requer programas em segundo plano e JS. Os benefícios de usá-lo são: compatível com IE, Firefox, Opera; pode ser ajustado a qualquer momento em primeiro plano.
Desvantagens: O comprimento da interceptação não pode ser determinado automaticamente. Quando os caracteres são muito curtos, serão geradas reticências subsequentes no Firefox.
Além disso, ao definir a largura da interceptação, preste atenção para tentar completar a interceptação do texto.

Execute a demonstração
<!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>interceptação 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{cor:#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: reticências; /* para Opera */ text-overflow:ellipsis; ;font-size:12px;}/* para Firefox */ </style> </head> <body> <div><a href="">Use css para interceptar texto automaticamente, sem a necessidade de programas em segundo plano e JS A vantagem de usar </a></div> <div><a href=""> é que ele é benéfico para a integridade do conteúdo e do SEO, sem a necessidade de processamento do programa em segundo plano e do comprimento a ser interceptado pode ser ajustado a qualquer momento em primeiro plano. </a></div> <div><a href="">Desvantagens: O comprimento da interceptação não pode ser determinado automaticamente. Quando os caracteres são muito curtos, símbolos de reticências subsequentes também serão gerados no Firefox. </a></div> <div><a href="">Além disso, ao definir a largura da interceptação, tome cuidado para tornar a interceptação do texto o mais completa possível</a></div> </body> </html>