实现文字自动截断 省略号 使用CSS
来源:互联网 发布:win10动态壁纸软件 编辑:程序博客网 时间:2024/06/05 22:41
.test{
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不显示超过对象宽度的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
white-space:nowrap; /*限制在一行内显示所有文本*/
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>www.aspxuexi.com asp学习网</title>
</head>
<style type="text/css">
div.test{
width:200px;
height:100px;
border:1px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
<body>
<div class="test">
选来选去最终还是决定去大平坡<a href='http://www.ffasp.com' style='text-decoration:none'>。</a>场地宽,可以游
</div>
</body>
</html>
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不显示超过对象宽度的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
white-space:nowrap; /*限制在一行内显示所有文本*/
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>www.aspxuexi.com asp学习网</title>
</head>
<style type="text/css">
div.test{
width:200px;
height:100px;
border:1px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
<body>
<div class="test">
选来选去最终还是决定去大平坡<a href='http://www.ffasp.com' style='text-decoration:none'>。</a>场地宽,可以游
</div>
</body>
</html>
- 实现文字自动截断 省略号 使用CSS
- CSS用省略号实现文字自动截断
- css实现文字自动截断...
- 使用纯CSS实现文字超过一定的长度后自动显示省略号
- 用CSS截断字符串 实现文字自动截断隐藏溢出文本
- 使用css方法,实现文字字符串截断处理
- css控制单行文字自动显示省略号
- 用css截取字符实现文字自动截断隐藏溢出文本
- css实现文字查出用省略号表示
- CSS实现文字超出部分显示省略号
- CSS实现溢出文字显示省略号
- css实现文字内容超出显示省略号
- 文字超出部分使用省略号(CSS)
- CSS实现超出DIV宽度文字自动隐藏并显示省略号
- css文字省略号
- css固定宽度超出文字自动省略号显示
- CSS实现文字内容不被截断当超出指定长度时该字符串自动整体换到下一行
- 使用CSS截断过长标题文字的方法
- 网页文字竖排显示有办法
- DirectShow系统概述
- 电子商务突出重围:以小商品的名义而战
- 软件工程之项目管理中的数据字典的重要意义
- 老婆嫁了我,我就应该让她过上舒适的生活;我把孩子来到这世上来,就有义务、有责任让他生活地健康幸福
- 实现文字自动截断 省略号 使用CSS
- 人的一生需要坚强的意志去支撑
- mysql导入mssql 怎么把mysql数据库导入到mssqlserver 数据库 转帖
- 超酷滑动门
- Windows下Openssl安装以及编程
- 做研发,两年,感觉自己都做傻了。我希望能找个新的有挑战的工作
- 联通的G网和C网分别是什么意思?
- 哈佛大学图书馆上的警句
- What is CEO and others ?