时间戳

首页 > 解决方案 > 我将如何稍微降低我在文本中的图像？

html - 我将如何稍微降低我在文本中的图像？

问题描述

当您按下按钮时，我在创建的表格中插入了一张图片，它显示了表格，但我希望实际网站上的文本中的图片略低，我该怎么做？

代码：

     <div id="demo" style="display:none"><font color="white"><b>Fav Color:</b> Orange/Purple<br><b>Hobbies:</b> Coding, Video games, Hanging out with friends, Drifting<br><b>Fav Song:</b> Homocide - Logic (ft. Eminem)<br><b>Fav Animal:</b> Cat<br><b>Fav Food:</b> Pulled Pork Sandwich<br><b>My Fav Game:</b> Fortnite <img src="https://emoji.gg/assets/emoji/FortniteLogo.png" width="32px" height="32px"></font></div>

在此处输入图像描述

如果你知道我的意思，我希望 F 标志稍微低一点，更符合 Fortnite 这个词

标签： htmlcss

解决方案

我建议应用于vertical-align: middle;图像。

body {
  background: #000;
}
<div id="demo">
  <font color="white">
    <b>Fav Color:</b> Orange/Purple<br>
    <b>Hobbies:</b> Coding, Video games, Hanging out with friends, Drifting<br>
    <b>Fav Song:</b> Homocide - Logic (ft. Eminem)<br>
    <b>Fav Animal:</b> Cat<br>
    <b>Fav Food:</b> Pulled Pork Sandwich<br>
    <b>My Fav Game:</b> Fortnite
    <img src="https://emoji.gg/assets/emoji/FortniteLogo.png" width="32px" height="32px" style='vertical-align: middle;'>
  </font>
</div>

还有一些与您的问题无关但会改进代码的一般要点：

  • 通常在现代 HTML 中避免使用fontand标签，使用带有s 的标签来表示粗体文本会更好。bpspan
  • 最好避免内联应用样式，理想情况下，您会给元素类并使用样式表来应用样式

推荐阅读