div中文字内容溢出常见的解决方法
由于文字内容的长度不确定性和页面布局的固定性，常常会遇到文字溢出的状况，有一下解决方法：
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()+'…');
}
});
});
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！
热门推荐
1 如何训练狗狗不叫
2 训练狗狗不叫
3 训练狗狗随行
4 怎么训练狗狗不叫
7 训练比熊狗狗教程
10 上海狗狗训练
11 怎么训练狗狗上厕所
12 训练狗狗趴下
13 狗狗服从训练
14 训练狗狗拒食
15 训练狗狗笑
16 训练狗狗大便
17 训练狗狗立
18 训练狗狗捡东西