jquery - 在页面宽度增加/缩小时保持 div 居中

Question

我有一个浮动的左 div，以便它包装内容。我想把这个 div 居中。不幸的是，由于我不知道这个 div 的确切宽度，我不能使用margin: 0 auto;. 所以，我决定使用 jQuery 来使 div 居中。我能够通过使用正确地做到这一点.outerWidth()。问题是，我希望 div 在页面增长/缩小时保持居中。我认为将 设置margin-left为百分比可以完成此操作，但事实并非如此。有没有办法做到这一点？

Answer 1

您不需要 div 的确切宽度来使其居中。你可以在这里看到它的工作 jsfiddle.net/GkGBT

CSS

body{
    text-align:center;
 }
.centerdiv{
   background:blue;  
   display:inline-block;
   margin-left:auto;margin-right:auto;
   text-align:left;
 }

HTML

<div class="centerdiv"></div>