Richten Sie DIV mittig am Inhalt auf beiden Seiten aus

Question

Ich habe also 5 Elemente (innerhalb des enthaltenden DIV). Die Projektaufstellung ist wie folgt:

Text Bild DIV Bildtext

Ich möchte, dass es mit dem DIV in der Mitte erscheint, das Bild das DIV „umarmt“ und dann der Text das Bild „umarmt“, sodass sich der verbleibende Platz links oder rechts vom enthaltenden DIV befindet.

Der aktuelle Look Ich brauche das Aussehen davon

Ich habe Flex verwendet, um dies zu erreichen, aber das zentriert nur den gesamten Inhalt, der das DIV enthält, und nicht, dass das DIV vollständig zentriert ist, wie ich es möchte.

Answer 1

抱歉，经过一个小时的更多搜索，我发现了一个与修复我的非常相似的需求相关的线程。

此处的解决方案 - 如何对齐和居中3个div而不影响中间div