<!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实现超过特定长度显示省略号的方法webjx.com</title> <style type="text/css"> ul {width:200px; margin:50px auto;} li {width:200px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} a {color:#03c; font-size:13px;} a:hover {color:#000;} </style> </head> <body> <ul> <li><a href="http://www.webjx.com/htmldata/2007-10-16/1192526505.html">芭比娃娃色调照片，PS制作过程</a> <li><a href="http://www.webjx.com/htmldata/2007-10-11/1192115032.html">照片处理 PS轻松制作漂亮灿烂星空MM特效照</a> <li><a href="http://www.webjx.com/htmldata/2007-09-13/1189681483.html">Photoshop简单打造画意效果的老照片美女特效</a> <li><a href="http://www.webjx.com/htmldata/2007-09-13/1189653291.html">照片处理 Photoshop为照片添加真实阴影和光线离</a> <li><a href="http://www.webjx.com/htmldata/2007-08-31/1188554851.html">Photoshop简单为照片绘制可爱个性心形图案</a> <li><a href="http://www.webjx.com/htmldata/2007-08-29/1188380812.html">Flash教程：简单实现AS绘制贝塞尔曲线</a> </ul> </body> </html>