한국어
CSS를 사용하여 텍스트를 자동으로 가로채는 데는 백그라운드 프로그램과 JS가 필요하지 않습니다. IE, Firefox, Opera와 호환되며, 가로채기할 길이가 필요하지 않습니다. 전경에서 언제든지 조정할 수 있습니다. 단점: 가로채기 길이를 자동으로 결정할 수 없습니다. 문자가 매우 짧으면 Firefox에서 후속 타원이 생성됩니다. 또한 가로채기 폭을 설정할 때 텍스트 가로채기가 완료되도록 주의하세요.
데모 실행 <!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>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-장식:none;} div a:hover{text-장식:underline;} div a{display:block;width:310px;white-space:nowrap;overflow:hidden ;float:left; -o-text-overflow: ellipsis; /* Opera의 경우 */ text-overflow:ellipsis /* IE의 경우 */ } div:after{content:"...";padding-left:3px ;font-size:12px;}/* for Firefox */ </style> </head> <body> <div><a href="">백그라운드 프로그램 및 JS 없이도 CSS를 사용하여 자동으로 텍스트 가로채기 </a></div> <div><a href=""> 사용의 장점은 백그라운드 프로그램 처리 없이 콘텐츠 및 SEO의 무결성과 가로채는 길이에 유리하다는 것입니다. 전경에서 언제든지 조정할 수 있습니다. </a></div> <div><a href="">단점: 가로채기 길이를 자동으로 결정할 수 없습니다. 문자가 매우 짧으면 Firefox에서 후속 줄임표 기호도 생성됩니다. </a></div> <div><a href="">또한 가로채기 너비를 설정할 때 텍스트 가로채기가 최대한 완벽하도록 주의하세요.</a></div> </body> </html>
