gpt4 book ai didi

css - flex 盒子。将行中的一个对象放在中心(不知道其他对象的大小)

转载 作者:行者123 更新时间:2023-11-28 15:33:04 24 4
gpt4 key购买 nike

<分区>

我在处理一个网站的页眉,但遇到了 flexbox 的问题。无论元素 1 或 3 中有什么元素,我都想将 Logo (元素 2)放在完美的中心。我希望元素 1 始终位于左侧,对象 3 始终位于右侧。此外,如果考虑第二个框中的对象是 SVG 图形。

CSS:

header {
display: flex;
justify-content: space-between
}
.item {

}
.item2 {

}
.item3 {

}

HTML:

<header>
<div class="item">
Menu1 Menu2 Menu3 Menu4
</div>

<div class="item2">
logo
</div>

<div class="item3">
PL/ENG
</div>
</header>

如果有人能帮我解决这个问题就太好了。

编辑:我稍微更改了代码以正确表示我正在努力解决的问题。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com