gpt4 book ai didi

javascript - 将
元素定位在屏幕中心

转载 作者:IT王子 更新时间:2023-10-29 02:39:15 26 4
gpt4 key购买 nike

我想定位一个<div> (或 <table> )屏幕中心的元素,无论屏幕大小如何。换句话说,“顶部”和“底部”留下的空间应该相等,“右侧”和“左侧”留下的空间应该相等。我想只用 CSS 来完成这个。

我尝试了以下方法,但它不起作用:

 <body>
<div style="top:0px; border:1px solid red;">
<table border="1" align="center">
<tr height="100%">
<td height="100%" width="100%" valign="middle" align="center">
We are launching soon!
</td>
</tr>
</table>
</div>
</body>

注意:
如果 <div> 都可以元素(或 <table> )是否随网站滚动。只希望它在页面加载时居中。

最佳答案

简单的方法,如果你有固定的宽度和高度:

#divElement{
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
width: 100px;
height: 100px;
}​

请不要使用内联样式!这是一个工作示例 http://jsfiddle.net/S5bKq/ .

关于javascript - 将 <div> 元素定位在屏幕中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9862167/

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