CSS中經常會出現將元素置于圓的中心的需求，常常用于實現一些圓形圖標或者是圓形按鈕。下面將介紹幾種將元素置于圓形中心的方法。

// 方法一
.circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
border-radius: 50%;
}
// 方法二
.circle {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
border-radius: 50%;
}
// 方法三
.circle {
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top: 50%;
margin: -50px 0 0 -50px;
border-radius: 50%;
}

以上三種方法都可以實現將元素置于圓形中心的效果，其中第一種方法使用了 transform 屬性將元素平移至中心，第二種方法則是使用了 flex 屬性將元素居中，而第三種方法則是使用了 margin 來將元素向上、向左平移一半寬度和高度的距離。