如何水平对齐使用jQuery的列表项目

Question

我已经遍布了stackoverflow寻找一个坚实的解决方案，不过，我来了一个短暂的。我相信我的问题只是在我的语义。

http://jsfiddle.net/hzRAN/10/ 这是一些示例代码。

为获得最佳效果：如果页面宽度发生变化，我希望将此脚本更改为重新调整。

真正的代码是从本网站 http://designobvio.us/DoUs/Blog.html 其流体布局这就是为什么我需要的水平列表项本身正确地证明联。

感谢您的帮助！

Answer 1

你可以做到这一点的唯一方法是通过设置各列表项的宽度或通过使用填充：

ul { 
    list-style: none; 
    margin-left: 0; 
    padding-left: 0; /* remove the indention */ 
    overflow: hidden; /* to enclose the float children */ 
    } 

li { 
    width: 20%; /* actually, use some slightly undersized value to supply a bit of slop */ 
    float: left; 
    } 

Answer 2

如果您正在寻找使用jQuery来实现这一点，使用window.resize功能，然后在加载时调用该函数。

$(document).ready(function(){ 

    $(window).resize(function() { 
    // your code here: 


    });  
    $(window).resize(); 
});​ 

我设法得到一个简单的例子上的jsfiddle运行（我叉你的）http://jsfiddle.net/rSeaE/1/但它有麻烦，由于#daymenu我想的宽度。