周囲のフレックスアイテムの幅が異なる場合にフレックスアイテムを中央に配置する方法は?

フレックス アイテムをコンテナ内で中央に配置し、他のフレックス アイテムに囲まれる

周囲のフレックス アイテムが変化しても、フレックス アイテムをコンテナ内の中央に配置するには、次の点を考慮してください。

フレックス配置は、コンテナ内の占有されていないスペースの配分に依存します。したがって、隣接するフレックス項目の合計幅が同一でない限り、スペースを共有する 1 つのフレックス項目を中央に配置する直接的な方法はありません。

提供された例を考えてみましょう。

の両側の要素が等しい場合、

は

の両側で等しくなります。

元の質問とは対照的に、

を正確に中央に配置することはできません。周囲に未知の があるコンテンツ。配置はコンテナ内のアイテムの幅の合計によって決まります。

以上が周囲のフレックスアイテムの幅が異なる場合にフレックスアイテムを中央に配置する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。