2016-04-14 4 views
-4

フレックスボックスの新機能です。 Flexboxを使用してUIのようなnavigationBarを作成するにはどうすればよいですか?例えばenter image description hereUIのようなNavigationBarのフレックスボックス

「Title'Tinder」を中央にしたいが、左側のナビゲーションバーのレイアウトは左から開始したい。私は外側のコンテナのフレックスボックスの値を 'スペースの間にある'ように '正当化コンテンツ'に設定しようとしましたが、動作しません。

ありがとうございます!

+0

画像では何もできないので、コードを教えてください。 – DanyCode

+0

[フレックスボックスのガイド](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をご確認ください。

関連する問題