如何使图标更改它'；当有'；javascript或css的换行符是什么？

所以我想出了方法，但它只在页面第一次加载时起作用，没有响应。这是我使用的javascript

     if ( $(".alert-box").height() >= 90 ) { 
        $('.img').css('padding', '30px 20px 0 20px'); 
    }

    else {
        $('.img').css('padding', '20px 20px 0 20px'); 
    }

当页面被拉伸或收缩时，有什么方法可以使它工作吗

---

好的，我有一个问题，我有一个图标上的警报，当它是一行文字的图标需要与该文本的中心对齐。这一部分没有问题，现在当页面大小相应减小，文本行中断时，我们需要图标现在与两行对齐，而不仅仅是第一行。我在考虑使用@media代码在点击某个像素时设置不同的填充，但是警告文本是动态拉取的，并且它总是在变化，因此中断可能发生在不同的宽度。 有人知道实现这一目标的方法吗？我不能用css来理解它，而且我不是一个真正的javascript程序员，所以我现在很困惑。我觉得这应该是可能的

谢谢大家的帮助和时间

这里是一个快速的html页面，其中有3幅图片解释了我要做的事情。我想把它们贴在这里，但我没有足够的代表：

这是我正在使用的css

。警报框{
边缘顶部：30px；
边界半径：5px；
填充：0；
边框样式：实心；
边框宽度：1px；
显示：块；
字体大小：0.8125rem；
字体大小：正常；
位置：相对位置；
过渡：不透明度300毫秒缓解；
背景色：#008CBA；
边框颜色：#0078a0；
颜色：#FFFFFF；
}
.警报框.文本{
左侧填充：20px；
字体大小：14px；
显示：内联；
}
.警报框p{
页边距底部：0；
右侧填充：30px；
左侧填充：67px；
}
.警报框.img{
填充：20px 20px 0 20px；
浮动：左；
位置：绝对位置；
}

这将是我的方法：
首先，删除

.alert框

中的图像
然后，添加

padding left:70px至
。警报框


接下来，在
.alert框
上添加一个
.error
类，设置：
背景图像：url（img/error-icon\u 0004\u深蓝色.png）；背景重复：无重复；背景位置：20px中心


。警报框{
边缘顶部：30px；
边界半径：5px；
填充：0 70px；
}
.错误{
背景图像：url（'http://otbstudios.com/alert/img/Error-icon_0004_Dark-Blue.png'); 
背景重复：无重复；
背景位置：20px中心；
}

培根ipsum dolor amet肉干ribeye kielbasa andouille猪肉糕香肠pancetta萨拉米火腿火鸡

请参见此处的答案：

我想这就给你留下了一个简短的JS图片来创建一个模式，你可以在其中使用图标来显示必要的样式化（CSS）消息。。。有关创建简单模式对话框的信息，请参见此

希望这有助于。。。
EJK
您需要将这两个CSS规则添加到

我知道一种方法，但我认为只有当你能为容器设置一个固定的高度时，它才会起作用……

看看它：


html，正文{
身高：100%；
}
.警报箱{
边框样式：实心；
边框宽度：1px；
显示：块；
字体大小：0.8125rem；
字体大小：正常；
位置：相对位置；
过渡：不透明度300毫秒缓解；
背景色：#008CBA；
边框颜色：#0078a0；
颜色：#FFFFFF；
字体系列：“Helvetica Neue”，Helvetica，Roboto，Arial，无衬线；
字号：1rem；
字体大小：正常；
线高：1.6；
高度：100px；
}
.警报框p{
页边距底部：0；
右侧填充：30px；
左侧填充：67px；
}
.警报框.img{
利润率：0.20px；
浮动：左；
显示：块；
宽度：28px；
最小高度：28px；
身高：100%；
最大高度：63px；
位置：相对位置；
}
.警报框.img img{
显示：块；
位置：绝对位置；
底部：8px；
}
.警报箱，关闭{
右：0.25雷姆；
背景：继承；
颜色：#333333；
字体大小：1.375rem；
线高：.9；
最高保证金：-0.6875雷姆；
不透明度：0.3；
填充：0 6px 4px；
位置：绝对位置；
最高：50%；
}

培根ipsum dolor amet肉干ribeye kielbasa andouille猪肉糕香肠pancetta萨拉米火腿火鸡。培根益普生多洛艾美肉干里贝耶基尔巴萨安杜耶猪

欢迎来到堆栈溢出。您是否可以编辑您的文章，以包含一些完全理解您的问题所必需的关键代码部分？如果提供了上下文，我们将更容易为您提供帮助。欢迎使用堆栈溢出。强烈建议将代码包含在问题本身中，否则未来的读者很可能无法看到什么被破坏了。请花点时间阅读“是”，请遵循以上提示。你是在谈论上面的感叹号图标吗？在蓝色的消息中，请加上一个负的边距，以便正确地对齐IMG，就像基础一样。我可能错在OP的意图上，但是他们正在寻找它与文本的中心对齐，而不是盒子。谢谢这是我要找的，但我希望图标只与前两行文本对齐，而不是在警报中居中。我更新了我上面的链接，以显示当有超过2行时它应该是什么样子。谢谢你，这在2行之前效果很好。一旦它进入3行，我需要它保持在前2行之间，而不是居中。我更新了我的链接以显示我在寻找什么。啊。。。这是个棘手的问题。。唯一可靠的方法是使用一些javascript。。psudo：当警报高度大于x时，相应地设置背景位置。
position: absolute; 
top: 50%;