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>

在页面宽度增大/缩小时保持div居中

1 个答案: