文本溢出边界显示为省略号
2017-02-08 17:17
363 查看
文本溢出边界显示为省略号
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
/*此方法FireFox5.0尚不支持*/
.box{
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: greenyellow;
}
</style>
</head>
<body>
<div class="box">
<a href="#">文本溢出边界显示为省略号</a>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS使文本溢出边界显示为省略号(2)
- WebKit多行文本溢出显示省略号(...)
- css实现单行，多行文本溢出显示省略号……
- [置顶] CSS实现单行、多行文本溢出显示省略号（…）
- CSS实现单行、多行文本溢出显示省略号（…）
- CSS实现单行、多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号（…）
- 溢出文本显示省略号效果
- (轉)CSS 单行溢出文本显示省略号...的方法（兼容IE FF）
- CSS换行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号（…）
- css3 多行文本溢出显示省略号
- css实现单行和多行文本溢出显示省略号点点点...
- 多行文本溢出显示省略号(…)全攻略
- 文本溢出显示省略号
- css实现单行和多行文本溢出显示省略号点点点...
- 文本裁剪：overflow内容溢出时显示省略号
- 单行文本以及多行文本内容溢出时显示省略号...
- text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis'); 文本字符串超过容器长度溢出部分显示点点点省略号"..." ,支持IE6+，Firefox !
- 当页面内容溢出或超出边界时显示省略号