使用JS设置HTML和BODY CSS

Setting HTML and BODY CSS using JS

本文关键字：BODY CSS HTML JS 设置 使用      更新时间：2023-09-26

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

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

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

您可以使用load:

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

试试这个：http://jsfiddle.net/00ho9kgv/

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

相关文章：