在CSS中，將div居中是一個常見的需求。有多種方法可以實現這個目標，下面就讓我們一一了解。 一、文本居中 最基本的方法是使用text-align屬性將文本居中。在父級元素中設置text-align: center，就可以實現子元素div水平居中。

.parent {
text-align: center;
}
.child {
display: inline-block;
}

二、絕對定位 利用絕對定位可以在父級元素中垂直和水平居中子元素div。首先在父元素中設置position: relative，然后在子元素中設置position: absolute，并使用top和left屬性來將其居中。

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

三、彈性盒子 使用彈性盒子可以輕松地將多個子元素居中。我們只需在父級元素中設置display: flex和justify-content、align-items屬性。

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

四、網格布局 在CSS3中，出現了網格布局，它可以使頁面排版更加靈活、高效。在父級元素中設置display: grid，并使用justify-content、align-items屬性居中子元素div。

.parent {
display: grid;
justify-content: center;
align-items: center;
}

以上就是幾種常見的將div居中的方法。開發人員可以根據自己的需求和項目來選擇適當的方法。