您现在的位置是:网站首页> 编程资料编程资料
标题长度溢出时,自动显示为省略“...”的Css text-overflow _CSS教程_CSS_网页制作_
2021-09-08
1157人已围观
简介 内容超出后自动隐藏并加省略标记(...)引号的Css text-overflow:ellipsis; o...
Css文档:
版本:IE6+专有属性
语法:
text-overflow : clip | ellipsis
取值:
clip : 默认值。不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
这个属性仅仅作用于水平内联方向的,普通的西方文本的溢出。内联溢出发生在行内的文本超出可用宽度却没有换行机会的时候。
要强制溢出发生并且应用 ellipsis 值,作者必须设置对象的 white-space 属性值为 nowrap 。
假如没有换行机会(例如,对象容器的宽度是狭窄的,而内有很长的没有合理断行的文本),没有应用 nowrap 也有可能溢出。
为了使 ellipsis 值被应用,此属性必须被设置到具有不可视区域的对象。最好的选择是设置 overflow 属性为 hidden 。设置 overflow 属性为 scroll 或者 auto 时,此属性也会应用。但是会有滚动条出现。
通过选择省略标记,隐藏的文本可以被选择。当选择发生时,省略标记会隐藏而被文本替换。
此属性为在DHTML中制作省略标记提供了高效的方法。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textOverflow 。
相关内容
- 无法居中,margin:0 auto;属性_CSS_网页制作_
- 玩转IE9 _浏览器兼容教程_CSS_网页制作_
- 深入display:inline-block_CSS_网页制作_
- 你不可不知的CSS选择器_CSS教程_CSS_网页制作_
- 教你打破传统 我的密码框 我做主 _CSS教程_CSS_网页制作_
- 你必须要知道的CSS特殊性概念_CSS教程_CSS_网页制作_
- 请慎用样式表中用星号定全局样式_CSS教程_CSS_网页制作_
- css中border:none;与border:0;的区别说明_CSS教程_CSS_网页制作_
- IE6不支持position:fixed bug的完美解决_浏览器兼容教程_CSS_网页制作_
- 利用CSS3的transform做的动态时钟效果_css3_CSS_网页制作_