在CSS中，很多時候我們需要讓鼠標懸浮在某個元素上時居中顯示。這時我們可以使用:hover偽類以及transform屬性實現。

.hover-center {
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.hover-center:hover {
transform: scale(1.2);
}

以上代碼中，我們通過display: flex將元素轉化為彈性盒子，然后使用justify-content和align-items屬性將元素在水平和垂直方向居中。然后通過:hover偽類，當鼠標懸浮在元素上時，使用transform: scale(1.2)將元素放大20%。

另外，如果想要讓被居中的元素在懸浮時有更好的效果，可以再加上transition屬性，讓變化更加平滑自然。

.hover-center {
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.hover-center:hover {
transform: scale(1.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

以上代碼中，我們在:hover偽類中加上了box-shadow屬性，為元素添加了一個陰影效果，使得效果更加突出明顯。

綜上所述，通過使用:hover偽類以及transform屬性，我們可以很方便地實現在鼠標懸浮時讓元素居中，并給出等比例放大的效果。