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

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我想。