CSS3中有許多方法可以讓一個元素居中，包括水平居中和垂直居中。

當我們使用取消按鈕時，一般會將其放在一個彈出框中居中顯示。

.cancel-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上代碼可以使取消按鈕在父元素中水平垂直居中，并且在父元素大小發生變化時也能自適應地保持居中。

另一種水平居中的方法是使用flex布局：

.parent{
display: flex;
justify-content: center;
}
.cancel-btn {
margin: auto;
}

將父元素設為flex，然后使用justify-content:center屬性使子元素（即取消按鈕）水平居中。同時指定取消按鈕的上下左右margin為auto，即可實現水平居中。

垂直居中則可以使用CSS3的transform屬性或使用flex布局：

.parent {
position: relative;
}
.cancel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

以上代碼可以使取消按鈕在父元素中垂直居中，并且在父元素大小發生變化時也能自適應地保持垂直居中。

.parent{
display: flex;
align-items: center;
height: 200px;
}
.cancel-btn {
margin: auto;
}

將父元素設為flex，然后使用align-items:center屬性使子元素（即取消按鈕）垂直居中。同時指定父元素的高度即可實現垂直居中。

總之，在CSS3中有許多方法可以實現元素居中，可以根據具體需求選擇適合的方法。