CSS中，經(jīng)常需要對頁面元素進(jìn)行排版布局，其中，對于網(wǎng)頁中的div框，如何實(shí)現(xiàn)居中顯示是常見的需求之一。

一種常見的實(shí)現(xiàn)方式是使用text-align屬性和margin屬性來進(jìn)行設(shè)置：

div {
text-align: center; /* 將div中的內(nèi)容居中對齊 */
margin: 0 auto; /* 設(shè)置左右margin為auto，即可水平居中 */
}

其中，text-align:center; 屬性用于將其子元素中所有的文本都進(jìn)行居中對齊；而 margin: 0 auto; 則用于水平對齊，其中左右margin值都設(shè)置為auto時，瀏覽器會自動調(diào)整兩側(cè)的margin值來實(shí)現(xiàn)居中。

另外，還有一種通過設(shè)置display屬性來實(shí)現(xiàn)居中對齊的方式：

div {
display: flex;
justify-content: center;
align-items: center;
}

這種方式使用flex布局，通過設(shè)置justify-content和align-items屬性來實(shí)現(xiàn)水平和垂直居中對齊。其中，justify-content: center; 用于設(shè)置水平居中，而 align-items: center; 則用于設(shè)置垂直居中。

以上兩種方式都可以實(shí)現(xiàn)div框的居中對齊，具體使用哪種方式，可根據(jù)具體需求而定。