在使用d-flex或其他布局时,应尽量避免重新定位元素。如果必须重新定位元素,则应使用margin或padding属性对元素进行重新定位,而不是改变元素的定位属性。例如,以下代码中的元素将被重新定位:
.box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
为避免重新定位.box元素,可以将其样式更改为:
.box {
margin: auto;
}
这将把.box元素居中显示在其父容器中。