Question

我想知道是否有人可以帮助我。我试图在我的标题中的两个单词之间放置一个图像。例如FirstName（Image）LastName。但是，每次我尝试移动图像时，所有内容都会堆叠，我希望它是水平的。有人能帮忙吗？到目前为止我做了什么：

<div class="horizontal">
  <h1>FN LN</h1>
  <!-- box-b -->
  <div class="box-b">
    <img src="Images/Triangle.png" alt="Logo mark">
  </div>
  <!-- /box-b -->
</div>

所以我希望图像在两个单词之间向上移动。

Answer 1

图片是inline-block元素，如果问题是对齐的话，不应该将文字“分解”到多行，如上所述[{3}}您可以在CSS中使用vertical-align来对齐图片与你的文字内联。

像@Psi提到的那样：

<h1>FN <img src="..."> LN</h1>

应该正常工作然后调整CSS以进行对齐

在标题词之间放置图像

1 个答案: