html li字符数限制,CSS控制LI行字符溢出用省略号代替，cssli

CSS控制LI行字符溢出用省略号代替，cssli

CSS控制一行字符溢出用省略号代替

* { margin: 0; padding: 0; }

a { text-decoration: none; color: #000; }

a:hover { text-decoration: none; color: #000; }

ul {width: 280px;height:126px; margin: 38px auto;padding: 12px 6px 12px 22px;border: 1px solid #CCC;background: #EEE;}

li { margin: 12px 0; }

li a {display: block;width: 168px;overflow: hidden;/*不能写在最后*/white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

/* firefox only */

li:not(p) {clear: both;}

li:not(p) a {max-width: 172px;float: left;}

li:not(p):after {mrc: "...";float: left;width: 25px;padding-left: 5px;color: #000;}

• 显示内容1,显示内容1,显示内容1,显示内容1
• 显示内容2,显示内容2,显示内容2,

  显示内容2

• 显示内容3,显示内容3,显示内容3,显示内容3
• 显示内容4,

  显示内容4,显示内容4,显示内容4,显示内容4

http://www.999jiujiu.com/

http://www.dengb.com/HTML_CSS/993174.htmlwww.dengb.comtruehttp://www.dengb.com/HTML_CSS/993174.htmlTechArticleCSS控制LI行字符溢出用省略号代替，cssli !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xm...