vue怎么将div位于父div的重金
时间: 2024-03-23 19:39:57 浏览: 97
vue实现div拖拽互换位置
可以使用CSS样式来实现将div位于父div的重心。可以使用以下样式:
```
.parent{
position: relative; /*设置父div为相对定位*/
}
.child{
position: absolute; /*设置子div为绝对定位*/
top: 50%; /*设置子div顶部距离父div顶部的距离为父div高度的50%*/
left: 50%; /*设置子div左侧距离父div左侧的距离为父div宽度的50%*/
transform: translate(-50%, -50%); /*通过transform属性将子div向左和向上移动自身宽度和高度的50%*/
}
```
其中,`position: relative`将父div设置为相对定位,`position: absolute`将子div设置为绝对定位。`top: 50%`和`left: 50%`将子div的顶部和左侧分别置于父div的中心位置。`transform: translate(-50%, -50%)`将子div向左和向上移动自身宽度和高度的50%,使其完全位于父div的中心位置。这样,就可以将div位于父div的重心了。
阅读全文