gpt4 book ai didi

css - 使用 960 网格系统居中内容 div

转载 作者:行者123 更新时间:2023-11-28 15:36:36 25 4
gpt4 key购买 nike

这听起来很简单,但是。我根本做不到。这是我所拥有的:

<h1>Head </h1>
<div class="container_12" >
<div class="grid_6">
<h1>Heading one</h1>
<p>Content and Images</p>
</div>
<h1>Heading two</h1>
<p>Content and Images</p>
</div>
<div class="grid_12">The footer</div>
</div>
<body>
</body>

对于任何类型的屏幕,我需要带有 grid_6 的 div 在中间垂直对齐。似乎 container_12 的主 div 没有占据页面的全高!?如何让内容 div float 在屏幕中间?

最佳答案

给你的内容div id

var screenheight = document.body.clientHeight;
var content_div_height = document.getElementById("content_div_id").offsetHeight;
var content_div_top = (screenheight/2) - (content_div_height/2)
document.getElementById("content_div_id").style.top = content_div_top + 'px';

关于css - 使用 960 网格系统居中内容 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8601511/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com