2016-04-14 56 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