CSS中，想要整個div居中是一件常見的需求。下面將介紹幾種實現div居中的方法。

/* 方法1：使用margin和auto */
div {
width: 200px;
height: 100px;
margin: auto;
}
/* 方法2：使用flexbox */
.container {
display: flex;
justify-content: center;
align-items: center;
}
.container div {
width: 200px;
height: 100px;
}
/* 方法3：使用position和transform */
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 100px;
}

方法1是使用margin和auto來實現居中，只需要設置左右margin為auto即可。這個方法的缺點是需要知道div的寬度。

方法2是使用flexbox來實現居中，需要將父容器設置為flex容器，然后設置justify-content和align-items為center即可。這個方法的好處是不需要知道div的寬度和高度。

方法3是使用position和transform來實現居中。將父容器設置為relative，子容器設置為absolute，然后將top和left都設置為50%，再使用transform來將子容器居中。這個方法的好處是不需要知道div的寬度和高度，缺點是需要額外的html標簽。