jquery怎样判断div中的内容是否充满整个div
2015-09-22
展开全部
比如
.d1{width:200px;height:200px;background:#ddd;overflow:hidden}
.d2{background:#09f;line-height:40px;word-break: break-all;word-wrap: break-word;}
<div class="d1">
<div class="d2">
任意字符 * X
</div>
</div>
因为块级元素默认宽度是占满父级的,然后通过判断.d2的高度是否超出.d1的高度就知道了。
if($('.d2').height()>$('.d1').height()){
alert('超出了')
}else{
alert('还能写')
}
当.d2内容超出弹出超出了,但是因为overflow,超出部分会被隐藏
.d1{width:200px;height:200px;background:#ddd;overflow:hidden}
.d2{background:#09f;line-height:40px;word-break: break-all;word-wrap: break-word;}
<div class="d1">
<div class="d2">
任意字符 * X
</div>
</div>
因为块级元素默认宽度是占满父级的,然后通过判断.d2的高度是否超出.d1的高度就知道了。
if($('.d2').height()>$('.d1').height()){
alert('超出了')
}else{
alert('还能写')
}
当.d2内容超出弹出超出了,但是因为overflow,超出部分会被隐藏
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |