要將一個盒子居中,可以使用以下方法:
使用margin:auto; 例如,你的HTML代碼如下:
<div id="myBox">我是一個盒子</div>
CSS代碼如下:
#myBox {
width: 200px;
height: 200px;
margin: auto;
}
使用Flexbox布局(推薦): 例如,你的HTML代碼如下:
<div id="myContainer">
<div id="myBox">我是一個盒子</div>
</div>
CSS代碼如下:
#myContainer {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* 為了使盒子垂直居中,請確保容器的高度為視口的高度 */
}
#myBox {
width: 200px;
height: 200px;
}
以上兩種方法都可以將盒子居中,可以根據你的實際需求選擇使用。