在CSS中居中多個div是一種常見的布局需求。下面介紹幾種實現方法:
/* 使用flex布局 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 使用絕對定位 */
.container {
position: relative;
}
.item {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* 使用網格布局 */
.container {
display: grid;
place-items: center;
}
以上三種方法都能實現多個div居中,可以根據具體場景選擇使用哪種方法。