Javascript 使跨度高度等于其父div'；s高度

我想更改元素的高度，使其与其父元素的高度匹配：

<div id="div-login-msg" class="alert">
    <div id="icon-login-msg" class="glyphicon glyphicon-chevron-right"></div>
    <span id="text-login-msg">Some message</span>
</div>

#icon-login-msg
{
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

如何更改所提到的行，以便在淡入淡出动画完成时，$iconTag立即更改为$divTag.height？如图所示使用它太慢了

基本上，我想要的是

$divTag.height===$iconTag.height

请看这个

怎么样

#text-login-msg {
  display: block;
  height: 100%;
}

那怎么办

#text-login-msg {
  display: block;
  height: 100%;
}

---

我最后加了一句：

#text-login-msg 
{
    display: flex;
}

以及将消息的显示方式更改为：

fadeMessage: function ($msgId, $msgText, $divTag, $iconTag)
{
    $msgId.text($msgText);
    $iconTag.css("line-height", $divTag.height() + "px");
},

transition:all ease-in-out

单独提供的动画比

.fadeIn

和

.fadeOut

提供的那种大动画要好

---

请参见

我最后添加了以下内容：

#text-login-msg 
{
    display: flex;
}

以及将消息的显示方式更改为：

fadeMessage: function ($msgId, $msgText, $divTag, $iconTag)
{
    $msgId.text($msgText);
    $iconTag.css("line-height", $divTag.height() + "px");
},

transition:all ease-in-out

单独提供的动画比

.fadeIn

和

.fadeOut

提供的那种大动画要好

---

请参见

是否尝试添加显示：内联块；到span的CSS？@MeltingDog没有改变任何东西您是否尝试添加display:inline block；对于span的CSS？@MeltingDog没有改变任何东西