-2

我要做的是当网站加载时，它会获取该window.innerWidth值并将其与元素的宽度一起使用以使元素水平居中。

x = (window.innerWidth - element's width) / 2

但是，我找不到触发命令的正确变量。我使用document.getElementById来获取元素。但是在不知道属性/变量的情况下，我无法让代码工作。

4

3 回答 3

0

要使元素水平居中，请使用以下 CSS：

#yourElement {margin:0 auto}

即使窗口大小发生变化，这也会起作用；）

于 2013-10-16T15:29:14.980 回答
0

使用以下样式定义使其默认居中对齐 -

style="text-align:center"

但是根据您的要求，我可以建议以下内容-

<body onload="document.getElementById('div1').style.textAlign='center';">
    <div id='div1'>
        content
    </div>
</body>

检查这个小提琴

于 2013-10-16T16:05:20.597 回答
0

试试这个（请注意，在浏览器加载时 resize 事件会自动触发一次）：

var viewWindow =  $(window);
// bind a resize event listener on the Window
viewWindow.bind('resize', function () {
   // get the element
   var kWindow = jQuery('#someDiv');
   // compute and set the element's left and top css properties according to the new browser size
   kWindow.css({
      left: viewWindow.scrollLeft() + Math.max(0, (viewWindow.width() - kWindow.width()) / 2),
      top: viewWindow.scrollTop() + Math.max(0, (viewWindow.height() - kWindow.height()) / 2)
   });
});
于 2013-10-17T12:54:55.153 回答