将带有图像的div定位到中心[重复]答案

【问题标题】：Position a div with images to the center [duplicate]将带有图像的div定位到中心[重复]
【发布时间】：2016-02-03 15:48:45
【问题描述】：

我找到了一个在 div 内旋转图像的 jquery 代码，我想将此 div 定位到页面的中心。我有这个图像的 CSS

#rotating-item-wrapper {
position: relative;    
}

这个对于 div

.rotating-item {
display: none;
position: absolute;
top: 150px;
left: 200;
}

我如何设法将整个过程集中到中心？

【问题讨论】：

标签： html css

【解决方案1】：

将此代码添加到您希望居中的 div：

.centered {
  position: absolute;
  margin-left: 50vw;
  margin-top: 50vh;
  transform: translate(-50%, -50%);
}

另外，下次尝试为我们提供一个jsfiddle示例，以便我们更形象地理解问题:)

这是上面代码JSFIDDLE的演示

【讨论】：

【解决方案2】：

使用边距和位置往往适用于这些情况：

HTML：

<div id="center-div"></div>

CSS：

#center-div {
    position: relative;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: red;
}

【讨论】：

【解决方案3】：

你可以把它放在一个div标签里面，或者放在CSS文件里，我用这段代码

<div class="" align="center">

这应该有效

【讨论】：