我确信我需要的是可能的,但我希望有人对实现它的最佳方法有任何建议。
我有一个 div,它将包含文本。我希望将 div 的最小高度设置为 250px - 以便设置初始 div 高度。
我的问题是:
如果当前设置min-height: 250px;
的内容超出了当前设置,我是否可以在通过 250px 后立即应用 500px 的新最小高度值(例如,如果 div 被强制设置为自动设置的 252px 高度min-height: 500px;
)?
我确信我需要的是可能的,但我希望有人对实现它的最佳方法有任何建议。
我有一个 div,它将包含文本。我希望将 div 的最小高度设置为 250px - 以便设置初始 div 高度。
我的问题是:
如果当前设置min-height: 250px;
的内容超出了当前设置,我是否可以在通过 250px 后立即应用 500px 的新最小高度值(例如,如果 div 被强制设置为自动设置的 252px 高度min-height: 500px;
)?
这对于纯 CSS 是不可能的,但可以使用 jQuery 来实现:
$(function(){
$("div").each(function(){
var $this = $(this);
if ($this.height()>parseInt($this.css("min-height"))){
$this.css("min-height", "500px");
}
});
});
见演示(jsFiddle)(演示25px
用作初始最小高度)