我正在尝试扩展div以适应文本,而不必指定确切的高度。我试着使用像这样的东西。
$('#div').addClass('myclass');
我的类有一个高度:auto;但这不会起作用。我不知道如何让它从返回文本的ajax调用中相应地扩展div。
这是主要的css类
.pro_input{
border-top:2px solid #919191;
border-left:1px solid #CBCBCB;
border-right:1px solid #CBCBCB;
border-bottom:1px solid #CBCBCB;
width:530px;
background-color:#F2F2F2;
height:72px;
}
.pro_attach{
height:auto;
}
我只是想在ajax响应后使高度自动。文本可以很少,也可以很多。因此,我需要相应地扩展它。我经常使用addclass来更改它来做其他事情,但是将它与jQuery addclass和pro_attach一起使用并不起作用。
谢谢
发布于 2010-10-21 14:44:10
只需这样做:
在想要用ajax加载文本的div周围加上一个limit div:
<div id="limit">
<div id="div"> ajaxed load text </div>
</div>
给#limit div一个隐藏的溢出:
#limit { position: relative; overflow: hidden; }
最后,在使用ajax加载文本之后,始终将#limit高度与#div的高度相匹配:
$("#limit").css({
height: $("#div").height()
});
这是相同的,只是动画:
$("#limit").animate({
height: $("#div").height()
},600);
该脚本检查#div的高度,并将其设置为#limit,这就是诀窍。
发布于 2013-01-03 03:53:38
此解决方案类似于上面的答案之一(Sv_in)
我有一个id为abc
的div,并且有一个css,如下所示:
#abc{
height:575px;
}
我把它改成了下面的代码,它起作用了!
#abc {
min-height: 575px;
height: auto;
}
https://stackoverflow.com/questions/3984607
复制相似问题