css - Flex レイアウトの問題

Question

ヘッダーはフレックスレイアウトを使用しています 検索ボックスを横方向中央に配置したい ネイティブIOSのレイアウトと同様に、左右のコンテンツに影響されません 横方向中央のままです 実装した記憶があります以前はあったのですが、flex.cssを使ってから忘れてしまいましたので、ぜひご覧ください。

仅有的幸福 · Answer

リーリー

Flex レイアウトの詳細については、こちらをご覧ください: http://www.ruanyifeng.com/blo...

阿神 · Answer

space-between を使用して直接展開できるのは 3 つの要素のみです

https://jsfiddle.net/straybug...

後で更新しました

左右のコンテンツの影響を受けず、水平方向の中央に配置されます

影響を受けないので、唯一の方法は絶対値を抽出して中央に配置することです。

https://jsfiddle.net/straybug...

伊谢尔伦 · Answer

主に使用しますalign-items: center
これはデモです

我想大声告诉你 · Answer

中央の位置に絶対位置を使用します。左右の幅が異なる場合は、中央の位置に影響します。リーリー