CSS框的居中是網頁設計中常見的一個問題，為了解決這個問題，我們需要掌握一些CSS居中的方法。

居中方法一：text-align屬性
使用text-align屬性可以讓文字或者元素水平居中，例如：
.center {
text-align: center;
}
使用該屬性只能實現元素水平居中，垂直方向并不能居中。
居中方法二：margin屬性
使用margin屬性可以讓元素相對于父元素居中，例如：
.center {
margin: auto;
}
使用該屬性只能實現元素水平居中，垂直方向并不能居中。
居中方法三：position和transform屬性
使用position和transform屬性可以實現元素水平和垂直方向都居中，例如：
.center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
使用該屬性需要父元素的position屬性為relative或者absolute，這樣才能實現元素相對于父元素進行定位。
居中方法四：flexbox布局
使用flexbox布局可以實現元素水平和垂直方向都居中，例如：
.container {
display: flex;
justify-content: center;
align-items: center;
}
使用該屬性需要父元素的display屬性為flex。
以上四種方法是CSS居中中比較常用的方法，使用這些方法可以輕松解決網頁設計中元素居中的問題。