保持div居中，而页面的宽度增长/收缩

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

来源

2013-02-14 ScubaSteve

你可以叫上window.resize – Pete 2013-02-14 14:17:45

调心功能怎么样http://stackoverflow.com /问题/ 641857/JavaScript的窗口大小调整事件。这样您可以创建一个函数来计算放置。只需以初始打开和链接线程中描述的方式调用你的函数。 – sascha 2013-02-14 14:21:57

发布了一些你已经尝试过的代码，并且还有html标记。 – 2013-02-14 14:25:24

您不需要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>

来源

2013-02-14 14:23:56

*“不幸的是，因为我不知道这个div的确切宽度，我不能使用margin：0 auto;”*并且没有宽度设置它赢了' t工作 – 2013-02-14 14:24:22

http://jsfiddle.net/GkGBT/与显示：内联块。我错过了这个问题的一部分吗？ – 2013-02-14 14:29:11

将-1改为+1好破解:) – fmsf 2013-02-14 14:33:56

保持div居中，而页面的宽度增长/收缩

回答

相关问题