Html 如何将div与类放在一起

我有一个已经有类和id的div：

<div id="wrapper">
    <img src="images/go.jpg" class="hover" />
    <p class="text"> <a href="start.html"> Start your adventure</a> </p>
</div>

我用它来创建一个图像滚动，当鼠标移到上面时，链接变得可见。但是，对于其中一个图像，特别是我复制的图像，我希望将其居中。如何在不丢失id的情况下将其居中？

将“左边距：自动；右边距：自动”应用于css规则。例如：

.hover {
  margin: 0 auto;
}

---

将两边的边距设置为相等-我有点困惑，我是否将边距代码复制到“#wrapper.text{position:relative；bottom:30px；left:0px；visibility:hidden；}”或#wrapper:hover.text{visibility:visible；}”中？将代码复制到任何要居中的元素中。因此，如果我想要图片和文本（当我使用滚动效果时）为了正确显示，我想将边距代码同时放在两个位置？是的，或者为什么不放在

div#wrapper

？这会导致文本在图片中居中-这是我当然想要的，但我认为我做不到，但现在我想要一张图片（因此我不确定是否要编辑css，这会导致每个人都这样做）以网页为中心向img标签添加另一个类：例如添加“.center image”like。然后创建一个应用边距的.center悬停规则。仅在要居中的图像上使用中心图像类。

\wrapper:hover.text{margin:0 auto；visibility:visibility；}#wrapper:hover.hover center{margin:0 auto；visibility:visibility；margin left:auto；margin right:auto；}

是我的CSS规则，我为类将html img标记设置为hover center，但它似乎没有任何作用（顶部是用于其他图像的标记）您可能需要将width:和display:块应用于悬停中心，其中width是图像的宽度。