p標簽段落如下： CSS 盒子模型是指包含元素內容，padding、border 和 margin 四個部分的矩形框。在開發網頁時，我們經常需要把元素居中顯示。下面是 CSS 盒子模型的居中代碼，希望對大家有所幫助。 pre標簽代碼如下：

/* 橫向居中 */
.container {
display: flex;
justify-content: center;
}
/* 縱向居中 */
.container {
display: flex;
align-items: center;
}
/* 橫縱向居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 元素絕對定位居中 */
.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 指定寬高的元素絕對定位居中 */
.element {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 100px;
margin-top: -50px; /* 高度一半 */
margin-left: -100px; /* 寬度一半 */
}