jQuery实现居中定位问题？

老师上课讲的代码和源码下载中的代码略有初入：

上课讲的代码，waterfall函数中：

$("#main").width(w*cols).css("margin","0 auto");

源码中的代码，waterfall函数中：

$( "#main" ).css({
        'width:' : iPinW * num,
        'margin': '0 auto'
    });

上课讲的代码，是可以实现居中对齐问题的，但源码中的代码无法实现居中对齐，原因？

（测试发现，两种代码都实现了在div(#main)框中设置style="margin:0 auto;",但后一种在chrome下无法实现居中对齐）

求解释？上述两种代码有什么区别？