javascript水平中心

我试图用java脚本水平居中页面。javascript水平中心

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

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

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

我正在考虑从Flash调用一个JavaScript，将页面滚动到HTML锚点。

东西线沿线的：

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

但锚不对准中间。

任何想法？

谢谢。

来源

2010-02-16 Minbot

这工作：

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

<body onload="pageMid();">

现在我只是不能想出办法如何从Flash Catalyst中调用这个...

来源

2010-02-16 17:54:30 Minbot

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

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

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

来源

2010-02-16 20:49:02

谢谢，但我试图让它水平居中:) – Minbot 2010-02-16 21:48:42

这应该做你想要的CSS。用您选择的矩形div代替正文： – 2010-02-24 18:38:05

这工作

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

编辑：
我得到了2个downvotes这一点。也许是因为我没有指定这个解决方案需要jQuery？

来源

2012-03-31 07:54:23 Bassem

javascript水平中心

回答

相关问题