当对象内文本溢出时显示省略标记(text-overflow:ellipsis)
2012-01-29 09:07
323 查看
当对象内文本溢出时显示省略标记(text-overflow:ellipsis)
overflow: hidden;text-overflow:ellipsis;white-space:nowrap;一定要一起用
1.一定要给容器定义宽度.table时定义table-layout:fixed;
2.如果少了overflow: hidden;文字会横向撑到容易的外面
3.如果少了white-space:nowrap;文字会把容器的高度往下撑；即使你定义了高度，省略号也不会出现，多余的文字会被裁切掉
4.如果少了text-overflow:ellipsis;多余的文字会被裁切掉，就相当于你这样定义text-overflow:clip.
overflow: hidden;text-overflow:ellipsis;white-space:nowrap;一定要一起用
1.一定要给容器定义宽度.table时定义table-layout:fixed;
2.如果少了overflow: hidden;文字会横向撑到容易的外面
3.如果少了white-space:nowrap;文字会把容器的高度往下撑；即使你定义了高度，省略号也不会出现，多余的文字会被裁切掉
4.如果少了text-overflow:ellipsis;多余的文字会被裁切掉，就相当于你这样定义text-overflow:clip.
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- text-overflow:ellipsis，当对象内文本溢出时显示省略标记（...）
- text-overflow 与 word-wrap:设置使用一个省略标记...标示对象内文本的溢出。
- CSS基础：text-overflow:ellipsis溢出文本显示省略号的详细方法
- CSS基础：text-overflow:ellipsis溢出文本显示省略号的详细方法
- CSS基础：text-overflow:ellipsis溢出文本显示省略号的详细方法_CSS教程
- 溢出文本显示为省略号的效果及其text-overflow:ellipsis;的使用
- 强制在一行内显示所有文本，不回行,对象内文本溢出时显示省略标记
- 多行文本溢出显示省略号(…) text-overflow: ellipsis
- 使用text-overflow:ellipsis实现溢出文本省略号显示无需js
- text-overflow:ellipsis溢出文本显示省略号
- CSS基础:text-overflow:ellipsis溢出文本的显示样式
- text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis'); 文本字符串超过容器长度溢出部分显示点点点省略号"..." ,支持IE6+，Firefox !
- CSS实现限制字数功能当对象内文本溢出时显示省略标记
- 溢出文本显示省略号,关于text-overflow:ellipsis的那些事
- 使用 text-overflow: ellipsis 实现溢出文本省略号显示
- CSS基础:text-overflow:ellipsis溢出文本的显示样式
- 使用text-overflow:ellipsis实现溢出文本省略号显示无需js
- text-overflow:ellipsis对溢出文本显示省略号
- CSS基础：text-overflow:ellipsis溢出文本显示省略号的详细方法_CSS教程