当前位置：首页 > 网络学院 > 网页制作 > CSS

长标题文章用CSS控制省略号方式显示

来源：岁月联盟编辑：zhu 时间：2007-10-17

长标题文章用CSS控制省略号方式显示内容简介：长标题的文章可以使用简单的CSS样式实现省略号控制显示。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org

长标题的文章可以使用简单的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实现超过特定长度显示省略号的方法</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./page/e2007/1017/36239.html">Photoshop填充RGB三色处理个性照片</a><li><a href="Http://www./page/e2007/1017/36238.html">Photoshop照片调色的另类方法</a><li><a href="Http://www./page/e2007/1017/36236.html">Photoshop<a href=http://www.syue.com/Digital/ target=_blank class=infotextkey>数码</a>照片中天空的简单的处理</a><li><a href="Http://www./page/e2007/1017/36239.html">Photoshop填充RGB三色处理个性照片</a><li><a href="Http://www./page/e2007/1017/36238.html">Photoshop照片调色的另类方法</a><li><a href="Http://www./page/e2007/1017/36236.html">Photoshop<a href=http://www.syue.com/Digital/ target=_blank class=infotextkey>数码</a>照片中天空的简单的处理</a></ul></body></html>

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

上一篇：简单的CSS改进网站设计三个技巧

下一篇：CSS小技巧之DIV为空时占据空间的解决办法

当前位置：首页 > 网络学院 > 网页制作 > CSS

长标题文章用CSS控制省略号方式显示

图片内容

最近更新

随机推荐