模板无忧 > 网页特效 > CSS代码特效 >

长标题文章用CSS控制省略号方式显示-CSS代码特效

来源:模板无忧作者:佚名更新时间:2008-02-17 点击:

长标题的文章可以使用简单的CSS样式实现省略号控制显示。

<!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>CSS实现超过特定长度显示省略号的方法mb5u.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.mb5u.com/htmldata/2007-10-16/1192526505.html">芭比娃娃色调照片，PS制作过程</a> <li><a href="http://www.mb5u.com/htmldata/2007-10-11/1192115032.html">照片处理 PS轻松制作漂亮灿烂星空MM特效照</a> <li><a href="http://www.mb5u.com/htmldata/2007-09-13/1189681483.html">Photoshop简单打造画意效果的老照片美女特效</a> <li><a href="http://www.mb5u.com/htmldata/2007-09-13/1189653291.html">照片处理 Photoshop为照片添加真实阴影和光线离</a> <li><a href="http://www.mb5u.com/htmldata/2007-08-31/1188554851.html">Photoshop简单为照片绘制可爱个性心形图案</a> <li><a href="http://www.mb5u.com/htmldata/2007-08-29/1188380812.html">Flash教程：简单实现AS绘制贝塞尔曲线</a> </ul> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

长标题文章用CSS控制省略号方式显示-CSS代码特效

最新CSS代码特效

推荐CSS代码特效