DIV を両側のコンテンツに合わせて中央揃えにします

Question

つまり、(含まれる DIV 内に) 5 つの項目があります。プロジェクトのラインナップは以下の通りです:

TextImageDIVImageText

DIV を中央に配置し、画像が DIV を「抱き締めて」、次にテキストが画像を「抱き締めて」表示するようにしたいので、残りのスペースは、含まれる DIV の左側または右側になります。

現在の姿 見た目が必要です

これを実現するために flex を使用しましたが、これは、私が望む DIV が完全に中央に配置されるのではなく、含まれる DIV のコンテンツ全体が中央に配置されるだけです。

Answer 1

申し訳ありませんが、さらに 1 時間検索した結果、私と非常によく似たニーズの解決に関連するスレッドを見つけました。

ここでの解決策 - 中央の div に影響を与えずに 3 つの div を位置合わせして中央に配置する方法