在網頁開發中，

div

是一個常見的元素，我們可以利用 CSS 來設置它的對齊方式，

div

的對齊方式常用的有以下幾種。

1.居左對齊

設置

div

的

text-align

屬性為

left

div {
text-align: left;
}

2.居中對齊

設置

div

的

text-align

屬性為

center

div {
text-align: center;
}

3.居右對齊

設置

div

的

text-align

屬性為

right

div {
text-align: right;
}

如果想讓多個

div

元素在同一行內水平排列，可以使用

display

屬性和

float

屬性，比如以下代碼實現兩個

div

左右對齊：

<div style="display:inline-block; float:left">左側內容</div>
<div style="display:inline-block; float:right">右側內容</div>

另外，

flex

布局也可以很方便地實現對齊，可以在父元素上設置

display:flex

或

display:inline-flex

，然后在子元素上設置

flex

相關屬性實現對齊，這里就不再一一介紹了，了解有關 flex 的知識可以查看MDN 文檔。