使用 JS 设置 HTML 和 BODY CSS

Question

在 CSS 中，要设置 div 的高度，使其从页面顶部延伸到底部，如下所示：

html, body, #xdiv {
    height: 100%;
    min-height: 100%;
}

问题是，这会立即执行，所以当文本或内容加载时，它不再是 100%。我的问题是，我可以在页面加载后使用 Jquery 或 JS 来设置上面的内容吗？

Answer 1

您可以使用 load:

$(window).load(function() {
   $('html, body, #xdiv').css({ "height": "100%", "min-height": "100%"});
});

Answer 2

要垂直居中内容，您需要换行并使用 display: table，等等：http://jsfiddle.net/00ho9kgv/1/

Setting HTML and BODY CSS using JS