javascript - 使用 Javascript/JQuery 以最大宽度居中

Question

我一直在寻找一种方法来使具有最大宽度的 div 居中。我假设我可以通过给 div 一个 90% 的最大宽度和一个自动边距来做到这一点，然后使用 jQuery 找到并设置一个固定宽度，我希望自动边距会以我为中心。

类似下面的内容。

JQuery:

$(function(){
    $wrap = $('#wrap');

    $wrap.width($wrap.width());
});

CSS:

#wrap {
    max-width:90%;
    margin:auto;
}

HTML:

<div id="wrap">
     <img src="http://icdn.pro/images/en/h/a/happy-smiley-face-icone-6672-96.png" />
     <img src="http://icdn.pro/images/en/h/a/happy-smiley-face-icone-6672-96.png" />
     <img src="http://icdn.pro/images/en/h/a/happy-smiley-face-icone-6672-96.png" />
     <img src="http://icdn.pro/images/en/h/a/happy-smiley-face-icone-6672-96.png" />
     <img src="http://icdn.pro/images/en/h/a/happy-smiley-face-icone-6672-96.png" />
</div><!-- end div id="wrap" -->

所以基本上，我想制作一个包装 div，我可以塞满图像，但不会超过屏幕宽度的 90%；拿 wrapper 并将其居中。这可能吗？我知道我的 JQuery 想法几乎肯定是错误的。我对它很陌生，但我认为 Javascript 是解决这个问题的方法。

Answer 1

不需要 Javascript，一切都很好。

http://jsfiddle.net/Kyle_Sevenoaks/RvLuE/