是否可以通过其中心定位元素？

Question

使用position: absolute，通过定义其中一个角（通常使用顶部和左侧属性）来放置元素。可以通过定义它的中心来放置它吗？ （不知道它的宽度/高度？）。

Answer 1

我已经回答了类似的问题与此jsFiddle link

链接到类似的问题，我的回答：Position the center of an image using css

然后可以使用顶部/左坐标用像素，它会使用中心的对象无论哪个宽度/高度，这可能是动态适合内容。一个问题可能是你需要设置一些Z索引和样式，所以其他包装器div不会打扰你的其他内容，这可能是使用这种方法的缺点。

解决方案在于使用包装div与真实位置，并且在另一个包含样式的包装div中：position: relative;padding-top: 25%;margin-top: -100%;margin-left: -100%;。保证金左边的样式很容易适用，但是margin-top需要填充，因此是额外的包装div。

如果你想要另一种方法，你将不得不使用JavaScript我想。