我没有找到解决这个问题的方法:
对于导航栏,我有ul
一个特定宽度(530px)的,里面有几个li
s。
我希望li
s 填充所有 530px 宽度,它们之间的间距相等。我无法对此进行硬编码,因为我不知道每个li
.
我推荐 Flexbox - 更新后的规范是相当新的,你会想要使用 polyfill 或供应商前缀来支持广泛的浏览器,但这是这类任务的方向。
这是一个关于创建简单的 Flexbox 驱动的水平导航的好教程,它将向您展示基础知识。
如您所见,浏览器支持还不完善,但您可以使用各种 polyfills 和技术使其坚如磐石。而且您不必走太远就可以找到有关这些资源的更多信息。该相关 SO 帖子的关键链接是 Chris Coyier 的Using Flexbox。