Verzichten Sie auf Hintergrundprogramme und JS und nutzen Sie CSS, um Text automatisch abzufangen

Autor：Eve Cole Aktualisierungszeit：2009-05-31 01:04:50

Für die Verwendung von CSS zum automatischen Abfangen von Text sind keine Hintergrundprogramme und JS erforderlich kann jederzeit im Vordergrund angepasst werden.
Nachteile: Die Interception-Länge kann nicht automatisch bestimmt werden. Wenn die Zeichen sehr kurz sind, werden in Firefox nachfolgende Ellipsen generiert.
Achten Sie außerdem beim Festlegen der Abfangbreite darauf, dass der Text vollständig abgefangen wird.

Führen Sie die Demo aus
<!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; <title>css text interception< /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: ellipsis; /* für Opera */ text-overflow:ellipsis; /* für IE */ } div:after{content:"...";padding-left:3px ;font-size:12px;}/* für Firefox */ </style> </head> <body> <div><a href="">Verwenden Sie CSS, um Text automatisch abzufangen, ohne dass Hintergrundprogramme und JS erforderlich sind Der Vorteil der Verwendung von </a></div> <div><a href=""> besteht darin, dass es sich positiv auf die Integrität des Inhalts und die Suchmaschinenoptimierung auswirkt, ohne dass eine Hintergrundprogrammverarbeitung erforderlich ist und die Länge abgefangen werden muss kann jederzeit im Vordergrund angepasst werden. </a></div> <div><a href="">Nachteile: Die Abfanglänge kann nicht automatisch bestimmt werden. Wenn die Zeichen sehr kurz sind, werden in Firefox auch nachfolgende Auslassungszeichen generiert. </a></div> <div><a href="">Achten Sie außerdem beim Festlegen der Abfangbreite darauf, den Textabfang so vollständig wie möglich zu gestalten</a></div> </body> </html>