Question

我是HTML，我想制作一个专业的标题。我的问题是，当我将我的徽标放入我的div中然后在该div中放置一些链接时，它会将它们分成不同的行。有办法解决这个问题吗？

Answer 1

使用display:flex，如下所示：

＆＃13;

.nav{
  border:1px solid black;
  display:flex;
}
.links{
  margin-left:auto;
}

＆＃13;

<div class="nav">
  <div class="logo">LOGO</div>
  <div class="links">About Us | Contact Us</div>
</div>

＆＃13;

Answer 2

尝试使用带内嵌显示内容的CSS同时显示图像和文本元素。

Answer 3

您可以制作一张桌子并将其放入其中：

<table>
<tr>
  <th>
    <img src="https://smallbusinessbc.ca/wp-content/themes/sbbcmain/images/circle-icons/icon-education.svg" width="50px" height="50px">
  </th>
  <th>
    Write your stuff!
  </th>
</tr>
</table>

您可以使用任何图片和任何文字

如何在html中的文本与同一行上显示图像

3 个答案: