Html 当DIV包含图像时，如何应用垂直居中？

始终保持这个中心。我想在下面的图中保持所有东西在中心垂直对齐，但它在底部对齐。如何使其与中间对齐

div.more\u信息{
显示：无；
背景色：#ffffff；
颜色：#000000；
文本对齐：左对齐；
填充物：5px；
}
#兑换{
填充顶部：10px；
垂直对齐：中间对齐；
}

帮助发展中国家的货币之一是电子货币

1枚硬币=
0
< /代码> 为使图像在中间对齐，应将<代码>垂直对齐<代码> <代码>中<代码> > <代码>交换> IMG 

您还缺少
的结束div fag

这是最新的代码


div.more\u信息{
显示：无；
背景色：#ffffff；
颜色：#000000；
文本对齐：左对齐；
填充物：5px；
}
#兑换{
填充顶部：10px；
垂直对齐：中间对齐；
线高：10px；
}
#交换img{
垂直对齐：中间对齐；
}

帮助发展中国家的货币之一是电子货币

1枚硬币=
0
在这里，让我知道你的想法

#exchangeRate {
  padding-top: 10px;
  display: flex;
  align-items: center;
}

我也稍微改变了你的标记

<div id="buttonDescription">
  One of the currencies to help developing nations is Electroneum.
  <br/>
  <div id="exchangeRate">
    <img width="25" src="https://s2.coinmarketcap.com/static/img/coins/200x200/2137.png" alt="Electroneum" />
    <span>1 coin =</span>
    <img width="25" src="https://previews.123rf.com/images/iulika1/iulika11711/iulika1171100083/89037076-dollar-sign-usd-currency-symbol-black-icon-on-transparent-background-vector-illustration.jpg" alt="Dollar sign" />
    <span id="currencyValueInUsd">0.0</span>
  </div>
</div>


帮助发展中国家的货币之一是电子货币。


1枚硬币=
0