图片法完美现省略号
<!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=gb2312" /><title>无标题文档</title><style type="text/css">/* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}body{font-size:12px; line-height:18px;}.list1{ width:120px;}.list1 li{ height:18px; overflow:hidden;padding-left:12px; background:transparent url(ico.gif) no-repeat 4px 6px; position:relative}.list1 li a{ display:block; padding-right:8px; background:url(pot.gif) no-repeat right top; word-break:break-word; position:relative;zoom:1;}.list1 li a span{ display:block; width:1em; height:18px; position:absolute;right:0;bottom:0; background-color:green; overflow:hidden;}</style></head><body> <ul class="list1"><li><a href="#">我就是要测试一下下我就是要测试一下下<span></span></a></li><li><a href="#">我就是要测试一下下我就是要测试一下下<span></span></a></li><li><a href="#">我就是要测试一下下我就是要测试一下下<span></span></a></li><li><a href="#">我就是要测试一下下我就是要测试一下下<span></span></a></li></ul></body></html>.list1 li{ height:18px; overflow:hidden;padding-left:12px; background:transparent url(ico.gif) no-repeat 4px 6px; position:relative}
避免IE的一个bug
页:
[1]