我创建了一个导航菜单,如下面的屏幕截图所示。它跨越容器的整个宽度,每个菜单项的左/右填充是恒定的。这很容易通过硬编码 CSS 中的左/右填充来实现,但我希望填充能够随着站点管理员编辑菜单而改变。
有没有办法用纯 CSS(CSS3 可以)来做到这一点?
使用 jQuery 很容易做到这一点(我计算了菜单项的宽度并计算了必要的填充)。但由于我们使用 Google Web Fonts,我在某些浏览器上遇到了一些问题。在 Windows(不是 Mac)上的 Chrome 和 Firefox 4 上,在我的脚本运行时未加载网络字体,导致宽度测量不正确。我尝试在jQuery 的 DOM 就绪事件和Google Font API 的活动事件中运行脚本。该active
事件在 Chrome 中有效,但在 Firefox 4 中,它通常在应用字体之前被触发。
提前致谢。