使用display：flex将图像水平和垂直居中

Question

我想使用display：flex（justify-content：center; align-content：center;）将所有图像水平和垂直居中，但是它不起作用-图像仍位于父元素的顶部。有什么想法吗？

https://dstruning.com/

Answer 1

在这种情况下，您不能使用flexbox，因为您处于绝对位置。您需要设置position: relative并设置容器上的高度，然后将图像绝对定位。