CSS定位模態框居中是網頁設計中常用的一種布局方式，下面是一些常用方法。

方法一：使用絕對定位和transform屬性

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

方法二：使用絕對定位和margin屬性

.modal{
position: absolute;
top: 50%;
left: 50%;
margin-left: -（模態框寬度的一半）;
margin-top: -（模態框高度的一半）;
}

方法三：使用flex布局

body{
display: flex;
justify-content: center; 
align-items: center; 
}
.modal{
// 模態框的樣式
}

以上是三種常用的方法，可以根據具體情況選擇使用。一般來說，方法一和方法二都是可以用的，方法三需要保證網頁整體使用了flex布局。