最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
div中文字内容溢出常见的解决方法
时间：2017-06-30 编辑：简简单单 来源：一聚教程网
1：规定文字父容器的宽高，设置超出隐藏：overflo：“hidde”
-------缺点是会经常遇到最后一行文字显示不全的情况，建议在只控制一行文字显示的时候使用
2：css+div防止文字溢出，超出部分变成省略号，折行显示，white-space:nowrap;word-break：break-all； text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;
------缺点是火狐浏览器实现效果不好，会截断，页面不是有很多需要隐藏，建议使用
3：用jQuery限制字符字数
| 代码如下 | 复制代码 |
$(document).ready(function(){ //限制字符个数 $(“.word_overflow”).each(function(){ varmaxwidth=23; if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0,maxwidth)); $(this).html($(this).html()+'…'); } }); }); | |
-
下一个： js实现瀑布流效果（自动生成新的内容）
相关文章
- word如何给文字添加一行中文上标 08-04
- Dreamweaver文档代码模式中文字体选择不准确解决办法 07-06
- xelatex工具中beamer中如何使用中文字体 03-14
- WebGL解决中文字体载入的问题 02-09
- 解决echarts在IE7 IE8下图表中文字出现闪烁问题 05-07
- javascrpt 屏蔽双击选中文字的代码 02-27