如何使导航栏与徽标平行放置？

Question

我正在尝试使导航栏与徽标平行放置，但是这样做很困难。

首先，当我输入图像代码时，此后图像不会显示在页面顶部。

它位于页面下方约40像素处。我曾尝试使用花车，但没有运气。

我为徽标创建了一个负值-20px，以使其位于页面顶部，但想知道这在CSS中是否是正常的做法

我尝试查看youtube视频，但它们共享的代码似乎不适用于我的项目。我只是想知道图像对于标题是否可能太大了

Answer 1

我绝对会建议使用Flexbox。设置浮标和手动设置东西很费力。这是一个备忘单和使用Flexbox的一些背景知识。它还具有响应能力。

Flexbox布局（Flexible Box）模块（截至2017年10月为W3C候选建议书）旨在提供一种更有效的方式来布置，对齐和分配容器中各个项目之间的空间，即使它们的大小未知和/或动态（因此称为“ flex”）。

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

希望这会有所帮助。

Answer 2

如果要轻松制作导航栏，则可以转到下面列出的网站，然后选择想要的导航栏之一，然后根据自己的喜好更改或更改导航栏的样式，所有导航栏样式都带有徽标而没有徽标甚至您想要的样式。

链接到导航栏代码： https://www.w3schools.com/css/css_navbar.asp