我知道可以使用JavaScript实现这一点,但我想知道是否有任何明智的想法如何使用纯CSS来完成,以避免在DOM加载后执行各种计算并应用样式或在每个页面更改时使用加载gif隐藏它所带来的“跳跃”效果。
基本上,导航具有固定宽度,比如960。网站是CMS驱动的,因此客户端可能有2个菜单项或10个菜单项。菜单项应根据其中包含的文本长度调整大小,并且每个菜单项应具有统一的填充,如下所示:
理想情况下,我想避免使用表格。但我相当确定我想要实现的不可能。
基本上,导航具有固定宽度,比如960。网站是CMS驱动的,因此客户端可能有2个菜单项或10个菜单项。菜单项应根据其中包含的文本长度调整大小,并且每个菜单项应具有统一的填充,如下所示:
理想情况下,我想避免使用表格。但我相当确定我想要实现的不可能。