CSS写省略号
来源:互联网 发布:易语言软件下载 编辑:程序博客网 时间:2024/04/30 06:47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css写省略号方法</title>
<style>
/* CSS DEMO */
* { margin: 0; padding: 0; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #000; }
ul {
width: 300px;
margin: 40px auto;
padding: 12px 4px 12px 24px;
border: 1px solid #D4D4D4;
background: #F1F1F1;
}
li { margin: 12px 0; }
li a {
display: block;
width: 220px;
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: 170px;
float: left;
}
li:not(p):after {
content: "...";
float: left;
width: 25px;
padding-left: 5px;
color: #000;
}
/* XHTML DEMO*/
</style>
</head>
<body>
<ul>
<li><a href="#">设计人员必读:影响SEO的页面制作细节</a></li>
<li><a href="#">设计人员必读:影响SEO的页面制作细节</a></li>
<li><a href="#">设计人员必读:影响SEO的页面制作细节</a></li>
<li><a href="#">设计人员必读:影响SEO的页面制作细节</a></li>
<li><a href="#">设计人员必读:影响SEO的页面制作细节</a></li>
<li><a href="#">设计人员必读:影响SEO的页面制作细节</a></li>
<li><a href="#">设计人员必读:影响SEO的页面制作细节</a></li>
</ul>
</body>
</html>
- CSS写省略号
- css---前端如何用css代码写省略号,单行省略号,多行省略号?
- css 省略号
- css省略号
- CSS-省略号
- CSS控制省略号问题
- Css控制省略号控制
- css 省略号表示
- CSS文本溢出省略号
- CSS 省略号的故事
- css 解决方案-单行省略号
- css样式显示省略号
- CSS单行省略号
- CSS实现省略号
- css文字省略号
- css 显示省略号
- CSS超出省略号
- CSS 溢出省略号
- web容器(如tomcat)能提供什么(摘自head first servlet and jsp)
- 如何简单有效快速提高英语口语学习能力方法技巧
- 深入浅出JavaScript(2)—ECMAScript
- fatal error C1083: 无法打开预编译头文件
- 数学 --- 不失一般性
- CSS写省略号
- DDS程序
- 【C/C++和指针】auto_ptr智能指针
- 兼容EXT3的UploadDialog
- 横表与纵表的区分
- bzoj1858
- proteus元件表
- 黑马程序员_基础回顾之多线程
- 如何走好后面的路?