html如何把导航栏与logo水平

要将导航栏与logo水平排列，可以使用CSS的display属性和float属性来实现。

首先，将导航栏和logo都放在一个共同的容器中，例如一个div元素。

HTML代码示例：

```html

Logo

```

接下来，在CSS中设置容器的样式，使用display:flex;将元素水平排列。

CSS代码示例：

```css

.container {

display: flex;

justify-content: space-between;

align-items: center;

}

```

这将使容器内的元素水平排列，并且在容器内垂直居中对齐。

最后，通过设置logo的float属性为left，使其左浮动，导航栏将会自动填充剩余空间。

CSS代码示例：

```css

.logo {

float: left;

}

```

这样，导航栏和logo就会水平排列了。如果需要调整它们之间的间距，可以通过设置margin或padding来实现。

标签：导航栏