类似 UI 的 NavigationBar 的 Flexbox

Posted 2023-02-22

【中文标题】类似 UI 的 NavigationBar 的 Flexbox

【英文标题】：Flexbox for NavigationBar like UI

【发布时间】：2016-08-06 16:55:00

【问题描述】：

我是 Flexbox 的新手。如何使用 Flexbox 创建类似于 UI 的导航栏？例如

我想将 Title'Tinder' 居中，但左侧导航栏布局从左侧开始。我尝试将外部容器的 flexbox 值设置为 justify-content 为 space-between，但它不起作用。

【问题讨论】：

你能给我一些代码吗，因为有了图像我什么都做不了

有a guide to flexboxen。它有点旧，但仍然很好。否则，是的，没有代码，只有你自己可以帮助自己。

看看这个解决方案***.com/questions/36008969/…

【参考方案1】：

这不是弹性盒的目标。 您需要在导航栏上使用position: relative，并将左侧导航栏放在position: absolute 和left: 0 上。 如果你想了解更多关于 flex-box，here is a good start。