CSS讓一個方框居中的方法有很多種，這里介紹一種簡單的方法，使用絕對定位和居中屬性即可讓方框在父元素的中心居中。
1. 創建一個包含一個方框的HTML元素，并設置其ID為“mybox”。
2. 在CSS中，使用以下代碼將方框設置為絕對定位，并使其在父元素的中心居中：
.parent {
position: relative;
.mybox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
3. 將ID為“mybox”的元素添加一個居中屬性，如下所示：
.parent {
position: relative;
.mybox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
通過上述代碼，方框將在父元素的中心居中。如果您需要使方框的樣式與其他元素混合，您可以將其放在父元素的<body>標簽中，或者將其作為單獨的HTML元素使用。
需要注意的是，使用絕對定位會使整個元素移動到父元素的中心，如果您只需要讓方框的某些部分居中，可以使用transform屬性中的translate函數，只將方框的偏移量設置為50%。例如：
.parent {
position: relative;
.mybox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: blue;
在上面的示例中，方框將背景色設置為藍色，并在父元素的中心居中。
上一篇css面試必考
下一篇如何將css文件存到網上