如何让DIV高度固定水平居中最好写的详细点

发布网友发布时间：2022-04-06 07:35

共4个回答

热心网友时间：2022-04-06 09:04

您好：让一个DIV元素居中的话，可以这样。页面加载的时候js得到整个页面的高度。然后得到DIV的高度。然后计算出：页面整个高度减去DIV高度后除以2 ，得到剩余高度一半的高度，这就是top值。然后给这个DIV加绝对定位top：计算出的高度;即可。再好点的方法就用相对定位：top：50%。left:50%;追问专家，我属于小白级别的。DIV里是个FLAS。我想叫他在距离顶部200的位置水平居中显示，我想问问这个CSS样试代码该怎么写？

追答那么可以在DIV中再嵌套一个DIV

这里面写flash

height可以自己随便设置。能符合flash就可以。

热心网友时间：2022-04-06 10:22

追问：专家，我属于小白级别的。DIV里是个FLAS。我想叫他在距离顶部200的位置水平居中显示，我想问问这个CSS样试代码该怎么写？

方法有很多，举几个例子：

方法1.

<div align="center" style="padding-top:200px">
flash代码
</div>
这种写法比较简单，适用，好理解！

方法2. 像web开发工程师郭立斌说的，用js去算高度，再定位。

方法3. css 50%的写法，但这种写法，如果flash没有做成自适应，当屏幕小于flash的大小时，会有一部分看不到。

所以综上，建议你使用第一个，比较简单好掌握的方法。

热心网友时间：2022-04-06 11:57

首先body最好margin和padding为0px；让DIV高度固定，宽度呢？固定还是不固定？假设固定吧：
<div id="demo">
这里插入flash

</div>
样式：
#demo{
height:300px;

width:900px;

margin:200px auto 0 auto; /*这个顺序你知道的吧，距离上面边距200px，这样就居中了*/
}

热心网友时间：2022-04-06 13:48

DIV给个class 比如

<div class="center"></div>

样式里面这样写
.center{height:300px; margin:0 auto;}

这样的话这个盒子就水平居中了。。追问不行啊。。他是居中了。。。可是还是在网页最上头。不往下走！~

如何让DIV高度固定 水平居中 最好写的详细点

如何让DIV高度固定水平居中最好写的详细点