Javascript 页脚CSS中用于对齐/浮动li元素的站点地图

请查看以下JSFIDLE：

---

如何浮动不同的ul li元素，使它们彼此并排，当它们到达正确的边界时移动到下一行？

不完全确定您想要做什么，但您可以这样做

ul.sitemap > li{
    float:left;
    margin:1em;
    min-height:160px;
}

示例：

基本上，

float

只指导

ul.sitemap

的子项（第一个

li

s）

添加一个

边距

，将它们隔开

---

给它一个

min height

，使浮动元素彼此清除。我选择了

160px

，您可能需要调整。

使用

显示：内联块

.sitemap ul li{
    display:inline-block;
}

工作
为什么使用javascript/jquery标记？请参阅标记答案中的注释为什么需要javascript标记这与我所想的@shankarsangli完全不同@Butt-你看了这个吗？@Skanker yea看了一眼谢谢你花时间，Jasons的答案更接近我想要的though@Burt-Hmmm，您问Jason如何使元素具有相等的宽度，并评论说您将使用javascript使它们具有相同的高度。所以实际上，您只需要
显示：内联块
。其他一切似乎都是浪费资源…谢谢Jason，你如何让它们的宽度相等，并确保它们正确对齐（靠近末端的一个块被另一个块的边界卡住）@Burt使它们对齐，您需要将
宽度
和
高度
设置为最宽/最高的链接。类似这样：感谢您的帮助，我认为jQuery和javascript可以通过使行的高度相同来提供帮助