是否可以按中心定位元素?

时间:2012-12-01 19:14:34

标签: html css layout positioning placement

使用position: absolute,您可以通过定义其中一个角来放置元素(通常使用顶部和左侧属性)。是否可以通过定义它的中心来放置它? (不知道它的宽度/高度?)。

1 个答案:

答案 0 :(得分:0)

我已经使用此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-left样式很容易应用,但margin-top需要填充,因此需要额外的包装div。

如果你想要另一种方法,你必须使用我想的Javascript。