javascript水平居中答案

【问题标题】：javascript horizontal centerjavascript水平居中
【发布时间】：2011-01-17 12:08:17
【问题描述】：

我正在尝试使用 java 脚本将页面水平居中。

到目前为止，我得到了这个：

<body onload="scrollBy((document.body['scrollWidth'] - 0) / 2, 0)">

它有点工作，但不是很好。我有一个大宽度的闪光灯组件页面加载时以及单击内部按钮后，我需要居中。

我正在考虑从 flash 调用 javascript，将页面滚动到 HTML 锚点。

类似的东西：

 <script type="text/javascript">
 function pageMid() {
 window.location.href="#mid"
 }
 </script>

但是锚点没有对齐到中间。

有什么想法吗？

谢谢。

【问题讨论】：

标签： javascript html center

【解决方案1】：

这行得通：

<script type="text/javascript">
function pageMid() {
scrollTo(1000, 0);
}
</script>

 <body onload="pageMid();">

现在我只是想不通如何从闪速催化剂中调用它...

【讨论】：

【解决方案2】：

听起来您想使元素垂直居中，而不是水平居中。如果您知道要居中的元素的大小，请使用 CSS：

<style>
#myThing {
   height: 300px;
   width: 400px;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-150px;
   margin-left:-200px;
}
</style>

<div id="myThing"></div>

【讨论】：

谢谢，但我试图让它水平居中:)
这应该用 CSS 做你想做的事。将您选择的矩形 div 替换为 body:

【解决方案3】：

这行得通

$(function () {
    scrollTo(($(document).width() - $(window).width()) / 2, 0);
});

编辑：
我为此获得了 2 票反对。也许是因为我没有指定这个解决方案需要 jQuery？

【讨论】：