测试站点示例：[1] http://test.hauptstadtventures.com
由于[1]是Avada Fusion [2] https://avada.theme-fusion.com（最畅销的主题之一）的子主题，所以我希望这也与其他开发人员相关。
我有以下问题：
菜单项2应该位于徽标和相邻项1之间的中心。相同的逻辑应应用于项3。
| [项目1] <-----------> [项目2] <-----------> [LOGO] <-------- ---> [项目3] <-----------> [项目4] |
This is the current as-is state. Items 2 and 3 are not centered bewtween the logo and their neighboring items
约束：
- 主菜单为100％（项目1和
在项目4的右侧）。
- 徽标位于窗口/内容的中心，这意味着：它不会像@Danield的[3]最高答案中的中心项[BASIC SERVICES]一样移动。
- 项目1左对齐，项目4右对齐。
- 第2项和第3项浮动在徽标及其相邻项目之间，始终居中，并考虑了锚文本的长度。
- 更改窗口宽度时，第2项和第3项居中。
- 没有更改HTML / DOM树，没有javascript / jQuery定位解决方案，我正在寻找一种可以在[1]中应用的优雅的纯CSS解决方案。我知道已经有可能干扰CSS的规则，请考虑将其作为挑战的一部分。
开发环境：
我研究了以下方法，虽然很累但无法实施，但到目前为止还没有成功：
[3] How to stretch a fixed number of horizontal navigation items evenly and fully across a specified container
[4] How can I create a horizontal menu with each item being equal width and spacing inbetween?
我还开发了一种jQuery解决方案，用于定位项目2和3的css left值，但是必须有一个优雅的css解决方案。对？
谢谢！
