白云岛资源网 Design By www.pvray.com
首先平时用的时候要配合
复制代码代码如下:
overflow: hidden;
white-space: nowrap;
这两个属性让起溢出隐藏和不换行,然后IE8用的时候记得不要加
复制代码代码如下:
word-berak:break-all;
word-wrap:break-word;
这样断开了,在IE8里面是不会变成省略号的(但是在IE6/7/FF/Chrome都没有问题),其实都单行省略了,本来也没有必要断词~-_-!
所以一般标准组合就是:
复制代码代码如下:
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */
基本通杀所有浏览器了~
哦,对了,忘了说,像<a>这类默认非块的元素,要加上display:block;才有效果哦`,..嗯嗯,别忘了width或者max-width.
复制代码代码如下:
overflow: hidden;
white-space: nowrap;
这两个属性让起溢出隐藏和不换行,然后IE8用的时候记得不要加
复制代码代码如下:
word-berak:break-all;
word-wrap:break-word;
这样断开了,在IE8里面是不会变成省略号的(但是在IE6/7/FF/Chrome都没有问题),其实都单行省略了,本来也没有必要断词~-_-!
所以一般标准组合就是:
复制代码代码如下:
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */
基本通杀所有浏览器了~
哦,对了,忘了说,像<a>这类默认非块的元素,要加上display:block;才有效果哦`,..嗯嗯,别忘了width或者max-width.
白云岛资源网 Design By www.pvray.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
白云岛资源网 Design By www.pvray.com
暂无评论...
