1

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

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

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

提前致谢

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

4

1 回答 1

1

这里有几点：

要在另一个元素中居中一个元素，您可以执行以下操作：

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

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

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

jsFiddle 上的一个高度简化的演示。

于 2013-08-23T14:13:43.353 回答