css - Gantry 5.1.2 - 布局 block 宽度

Question

这是一个非常简单的问题..但在 Gantry 5.1.2 中，我试图在模板中设置三个 block 元素 - 标题在水平行中的布局。从左到右:

1. 注册成员(member)的菜单(70%)(acl 注册)
2. 访客登录 block (10%)(公共(public) acl)
3. 已登录用户的登录 block (20%)(已注册 acl)

我有这个配置，问题是第 1 项 - 菜单仅对注册客户可见，它折叠导致第 2 项移动到最左边，因为第 1 项不再占据 70%。如何在不使用 css 定位的情况下使元素 2 登录 block 与页面的右侧部分保持对齐(就像 70% 菜单没有折叠一样)？

我试过使用间隔符，但它们在登录后仍然存在。然后我尝试添加透明边框并设置宽度，但这会导致其他我想避免的问题。

Answer 1

必须有更合适的方法来执行此操作，但我现在的解决方案是创建一个具有单个字母字符的新菜单项，并将其设置为公共(public)作为客户端菜单中的菜单标题类型。使用 display: none 向此菜单项添加一个 css 类，以从菜单目录中删除该字符。

对于我确信 Gantry 可以处理的事情，这似乎是一个愚蠢的修复。