將 DIV 與兩側的內容置中對齊

Question

所以我有 5 個項目（在包含 DIV 內）。項目陣容如下：

文字圖像DIV圖像文字

我希望它顯示為 DIV 位於中央，圖像「擁抱」DIV，然後文字「擁抱」圖像，因此剩下的任何空間都將位於包含 DIV 的左側或右側。

目前的樣子 我需要它的外觀

我已經使用flex來嘗試實現這一點，但這只是將包含DIV的整個內容居中，而不是我想要完全居中的DIV。

Answer 1

抱歉，經過一個小時的更多搜索，我發現了一個與修復我的非常相似的需求相關的線程。

此處的解決方案 - 如何對齊和居中3個div而不影響中間div