jQuery 为 line-height 和 font-size 设置动画答案

【问题标题】：jQuery animate the line-height and font-sizejQuery 为 line-height 和 font-size 设置动画
【发布时间】：2012-03-28 14:20:58
【问题描述】：

我有一个 div 面板，其字体大小为 20，行高为 100 像素，但我想对其进行动画处理，使其字体大小为 15，行高为 50，以便块保持字体并降低高度。 . 这是我尝试过的

$("#homepage_panel").animate({
    height: '50px',
    lineHeight: '50px',
    fontSize: '10px'
}, 500, function() {
    $("#login_form").slideDown("fast");
});

但是代码只改变了div的高度

【问题讨论】：

标签： jquery css height

【解决方案1】：

确保您在 CSS 中预设了起始 line-height 和 font-size。

#homepage_panel {
    line-height: 10px;
    font-size: 20px;
}

Here's an example.

【讨论】：