Question

是否可以在包含div（相对定位）内的绝对定位中心，水平和垂直居中。

想象一个图像是其包含div的高度和宽度的两倍，但是包含在div中。而不是只显示从左上角开始的图像的一半，而不是JS就可以显示图像的中间部分。

CSS，

.container {
    width:300px;
    height:200px;
    position:relative;
    overflow:hidden;
}

.container > img {
    width:600px;
    height:400px;
    position:absolute;
}

根据这个示例CSS，您可以说top:-100px; left:-150px;但是如果我们不知道img 的大小，是什么。

Answer 1

如果你绝对将div放在另一个div中，你只能将它准确地居中，即计算出两个div的宽度之差，将其除以2并将其作为左右边距。如果你想动态居中（例如，如果内部div的大小可能会改变），它必须相对定位。

CSS解决方案将绝对定位的DIV集中在较小的容器DIV中

1 个答案: