Question

我重建了朋友的旧Flash网站。现在我还有问题。这是一个例子：

在左侧显示徽标。在鼠标悬停时，应旋转边框。但在我的情况下，徽标旋转到。此外，徽标不是垂直居中的。

所以我如何使图像居中并确保它们不会旋转。是否有可能使用CSS或者我可以重新创建相同的列表而没有边框与另一个重叠吗？

提前致谢

PS也许你可以告诉我这个例子的改进。因为我不是HTML / CSS的专家...

Answer 1

以下是一些要点：

要将元素置于另一个元素中心，您可以执行以下操作：

.centered {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px; 
    margin: auto;
}

请注意，绝对定位元素的位置与其offsetParent相关。因此，您需要在父链中定位至少一个元素（通常为relative）。

transform: rotate()旋转其使用的元素中的所有元素。要解决这个问题，您需要将不想旋转的元素旋转到相反的方向。