兼容IE的超出文字隐藏

overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */

时间： 2024-10-10 21:33:22

兼容IE的超出文字隐藏的相关文章

换行、文字隐藏省略号问题

1.一行超出文字隐藏 overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ 2.div显示两行文字,超出两行部分省略号显示 overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-

JQuery 简单的文字超出部分隐藏下拉显示

HTML代码: <body> <div class="txt_bos"> <div class="txt1"> 石村,位于苍莽山脉中,四周高峰大壑,茫茫群山巍峨. 清晨,朝霞灿灿,仿若碎金一般洒落,沐浴在人身上暖洋洋. 一群孩子,从四五岁到十几岁不等,能有数十

Css--让溢出的文字隐藏

让溢出的文字隐藏 text-overflow:ellipaos;/*让最后一个显示部分遮掩部分的字消失,而变成三个点点的省略号*/ overflow:hidden; /*这个参数可以让超出部分隐藏起来,但是这个隐藏是一种按照宽度而来的直接隐藏*/ white-space:nowrap; /* 确保超出文字显示在一行里面*/ 总结:对一个元素我们要添加哪些参数才能让一段文字不换行的方法,并防止文字溢出. 具体如下 { width:XXpx; white-space:nowrap; overflow

letter-spacing+first-letter实现按钮文字隐藏

本文地址:http://www.zhangxinxu.com/wordpress/?p=3557 一.文不在长,有货则灵图片式按钮的文字隐藏看来是大家都比较关注的一个问题(分享讨论.微博转发等可见一斑),text-indent负值为最常用方法,然问题有三: 较大的负值有性能问题,例如新浪/腾讯微博提交按钮的-9999em,大概12~16万像素的宽度,相对于100个显示器宽度,在低配Android pad上,尤其含动画效果的时候,会直接卡爆: FireFox浏览器下虚框.其实问题不大,overf

滚动条设置超出部分隐藏

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>滚动条设置超出部分隐藏</title> </head> <style type="text/css"> #box { width: 500px; height: 300px; overflow-x: hidden; overflow-y: scroll

如何让div中的文字只显示一行，多余的文字隐藏并加上省略号（超链接形式）

写页面的时候遇到了一个小小的问题,如何让div中一行超链接文字只显示一行,多余的文字隐藏并加上省略号,悬浮时隐藏的文字显示出来?解决问题时发现了css3的一个新标签 text-overflow ,其属性规定当文本溢出包含元素时发生的事情.语法如下: text-overflow: clip|ellipsis|string; 代码如下: <!DOCTYPE html><html><head><meta http-equiv="Content-Type&q

兼容各种浏览器的文字循环无缝滚动效果

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>中国站长天空-网页特效-文

关于采用css样式将多余的文字隐藏，以及实现树形菜单

前不久根据项目需要,需要写个页面,在页面中需要动态的实现一个树形的菜单,经过问度娘,选择使用一个treeTable的js插件.http://zhanchaojiang.com/demo/demo/treeTable.html这是对该插件的介绍地址.在这个插件中有如下几个树形:theme:default或者是vsStyle,默认为default,差别应该在样式上,default是加减号,vsStyle是三角.expandLevel:默认展开的层数,默认值为1.也就是刷新该页面时树状图展开的层次.c

CSS多余文字隐藏

有时候容器的宽度是固定的,但要显示的文字有点多,就需要将多余的文字隐藏,而且为了表示还有字没有显示,用省略号表示. 类似这样: 用下面的css样式就可以实现: .hidden-text { overflow: hidden; text-overflow: ellipsis; } 三个属性一起使用,就可以实现上述的效果. overflow,默认值是visible,如果不设置hidden,就会把内容全部显示,查出容器的范围. text-overflow:有三个值, clip(修剪文本).ellips