div 设置页面居中位置代码
时间: 2023-12-19 16:04:54 浏览: 73
div 内table 居中实现代码
以下是将一个 div 元素居中的代码:
```
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
<!-- div 元素的内容 -->
</div>
```
这里通过设置 div 元素的 position 为 absolute 来让它脱离文档流,并且将 top 和 left 都设置为 50%。然后通过 transform 属性来将 div 元素的中心点移动到页面的中心点。其中,translate(-50%, -50%) 表示将 div 元素向左上方移动自身宽度和高度的一半,从而实现居中效果。
阅读全文