html中绝对位置怎么写,html – 如何居中位置：响应式布局中的绝对元素

https://jsfiddle.net/vk9oc6gt/3/

变换：平移X(-50％);是你在找什么.

请注意,当您应用transform时：translateX(-50％);它将元素移动元素尺寸的百分比,在这种情况下是宽度,因为它是X轴平移,50％是因为我们指定了它,而左边是因为它是负值.

我在中间点div和中间白线中添加了它：

.center-line {

position: absolute;

background-color: white;

top: 0;

left: 50%;

transform:translateX(-50%);

width: 2px;

height: 100%;

}

.owl-dots {

display: inline-block;

position: absolute;

top: 80px;

left:50%;

transform:translateX(-50%);

}

top:50%;

left:50%;

transform:translate(-50%, -50%);