CSS使用overflow隐藏超出范围的内容(文本过长隐藏)
2011-08-05 18:49
423 查看
<style type="text/css">
.textOverFlow {
width:300px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
border:1px solid #ddd;
}
</style>
<div class="textOverFlow">
各类源码、CSS特效代码及常用软件下载。</div>
</div>
</div>
</body>
</html>
http://www.codefans.net/jscss/code/1395.shtml
.textOverFlow {
width:300px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
border:1px solid #ddd;
}
</style>
<div class="textOverFlow">
各类源码、CSS特效代码及常用软件下载。</div>
</div>
</div>
</body>
</html>
http://www.codefans.net/jscss/code/1395.shtml
相关文章推荐
- CSS使用overflow隐藏超出范围的内容
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 解决表格里面使用text-overflow后依旧不能隐藏超出的文本
- 使用CSS属性对文本溢出内容隐藏
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 当内容超出最大的长度的时候,使用CSS使文本显示省略号
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 解决表格里面使用text-overflow后依旧不能隐藏超出的文本
- [转载]使用 CSS 处理文本过长和意外超出的方法和技巧
- 表格里使用text-overflow后不能隐藏超出的文本的解决方法
- 使用CSS即可使以上提到的内容隐藏起来,几种隐藏内容的方法:
- CSS控制文本超出后隐藏并用省略号代替
- 如何用 CSS 将超出显示宽度的内容隐藏起来[转]
- CSS,bootstrap表格控制当td内容过长时用省略号表示,以及在不使用bootstrap时过长也用省略号表示
- AS3文本处理:使用CSS格式化文本内容
- CSS实现内容超出显示范围自动加"..."
- div overflow 超出隐藏属性使用说明
- css实现文本超出部分隐藏(完整)
- css设定文本超出一行或多行就隐藏并显示省略号
- 在td中怎么隐藏内容超出的部分?overflow:hidden 用法: