HTML中，使用div標簽可以快速的劃分出一個獨立的區(qū)域，并且可以設(shè)置樣式，方便頁面的布局與設(shè)計。在布局時，我們常常需要將div居中對齊，下面就來介紹一下常用的兩種方法。 第一種方法，使用CSS來設(shè)置div的樣式，具體代碼如下：

div{
width: 200px;
height: 200px;
background-color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}

解釋一下，首先我們設(shè)置了div的寬度和高度為200px，背景顏色為白色。然后，使用了絕對定位，并設(shè)置top、left為50%，這是將div的左上角定位在了屏幕的中心位置。接下來，使用margin-top和margin-left來設(shè)置div的外邊距，使其回到中心位置。這兩個外邊距的值都為div寬度和高度的一半的負數(shù)，即-100px。 第二種方法，也是比較常用的方法，是使用Flex布局。具體代碼如下：

.container{
display: flex;
justify-content: center;
align-items: center;
}
div{
width: 200px;
height: 200px;
background-color: #ffffff;
}

解釋一下，我們首先定義了一個容器，使用了Flex布局。使用Flex布局后，我們可以通過justify-content和align-items來設(shè)置元素的水平和垂直居中。這里我們使用了center，即將元素居中對齊。然后，在div中設(shè)置了寬度和高度，以及背景顏色。這里需要注意的是，div的寬度和高度必須要指定，否則無法居中。 以上就是兩種常用的html div居中對齊的方法。一種是使用CSS設(shè)置div樣式，通過絕對定位和外邊距來實現(xiàn)居中對齊。另一種是使用Flex布局，通過容器的屬性來設(shè)置div的居中對齊。無論哪種方法，都可以幫助我們快速的實現(xiàn)布局效果，提高開發(fā)效率。