CSS3中的calc()方法可以幫助我們方便地進行計算，進而更好地控制元素的大小和位置。下面講解一下如何使用css3的calc()方法來實現居中效果。

/*以水平居中為例*/
.container{
width:300px;
position:relative;
left:calc(50% - 150px);
}

我們首先給容器設置一個固定寬度，然后利用相對定位將容器居中。其中，left值為元素左邊緣距離容器左邊緣的距離，此處利用calc()方法計算得出。calc(50% - 150px)等于父級容器寬度的一半減去當前元素寬度的一半，即居中效果。

/*以上是水平居中，下面是垂直居中的實現*/
.container{
height:300px;
position:relative;
}
.content{
height:100px;
position:absolute;
top:calc(50% - 50px);
}

與水平居中相似，我們需要先為容器和內容分別設置高度和相對/絕對定位。此時，我們需要用到top屬性來設置元素頂部距離容器頂部的距離。同樣利用calc()方法來計算得出。calc(50% - 50px)等于父級容器高度的一半減去當前元素高度的一半，即垂直居中效果。

總的來說，css3的calc()方法非常適合解決居中問題，能讓代碼更簡單、友好。我們需要注意的是，盡管calc()方法是css3新特性，但并非所有瀏覽器都支持，我們在使用時需謹慎。若需要兼容多個瀏覽器，可以通過其他方法實現居中，如使用flex布局等。