我有可调整大小的文本DIV。我仅对宽度进行操作，高度应自动调整大小，但不能小于文本（内容）。怎么做？
我的代码：
HTML：
<div id="block">
sadfasda asfasfasf asfafafaf a a a fasfas fasfafasfaf
asffasdf as fasfasfa sfasfafasfaf akflj jalj faldjfajf'a
klasdjf lka;sjfajf ljasfljaflkj f jf f jfaj flajklfjalfj
klasjf f lkajfajf lajf lajf al alfjasl jall fafasff
</div>
CSS：
#block {border: 1px solid red; width: 300px; height: auto; padding: 5px}
JS：
$("#block").resizable({
maxWidth: 500,
minWidth: 115
});
这里是演示
解决方案可能是使用这样的容纳容器。这将使您的容器得到控制：)
编辑：大野..当您将其缩小时它不起作用..让我看看
EDIT2：现在可以了！
的HTML
<div id="block">
<div class="content">
sadfasda asfasfasf asfafafaf a a a fasfas fasfafasfaf
asffasdf as fasfasfa sfasfafasfaf akflj jalj faldjfajf'a
klasdjf lka;sjfajf ljasfljaflkj f jf f jfaj flajklfjalfj
klasjf f lkajfajf lajf lajf al alfjasl jall fafasff
</div>
</div>
JS
var block = $("#block");
block.resizable({
maxWidth: 500,
minWidth: 115,
resize : function(e) {
block.height(block.find('.content').height())
}
});
的CSS
#block {
border: 1px solid red;
width: 300px;
height: auto;
padding: 5px
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句