css设置div的位置居中
时间: 2023-08-01 17:11:01 浏览: 107
css中position:fixed实现div居中上下左右居中
5星 · 资源好评率100%
要将一个div元素居中,可以使用以下CSS代码:
```css
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
```
这段代码将div的位置设置为绝对定位(absolute),然后使用top和left属性将其定位在父元素的中心点。最后,使用transform属性和translate函数将div向左和向上移动自身宽度和高度的50%,从而使其完全居中显示。
阅读全文