2016-04-14 46 views
-4

我是Flexbox的新手。如何使用Flexbox创建一个像UI一样的导航条?例如enter image description hereFlexbox for NavigationBar像UI

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

谢谢!

+0

你可以给我一些代码,因为与图像我什么都不能做 – DanyCode

+0

有[flexboxen指南](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)。这有点旧,但还是很不错的。否则,是的,没有代码,只有你可以帮助自己。 – abluejelly

+1

查看此解决方案http://stackoverflow.com/questions/36008969/how-to-justify-left-right-center-each-child-independently/36010239#36010239 –

回答

1

这不是柔性盒的目标。 此处需要的是在导航栏上使用position: relative,并将左侧导航栏放在position: absoluteleft: 0之间。 如果您想了解更多关于弹性盒的信息,请拨打here is a good start