CSS 可以讓我們輕松地實(shí)現(xiàn)各種頁(yè)面元素的布局。如果我們想要讓某個(gè)元素在頁(yè)面左側(cè)對(duì)齊，可以使用 text-align 屬性。

.selector {
text-align: left;
}

在這個(gè)例子中，我們?cè)O(shè)置了一個(gè) class 為 “selector”的 CSS 選擇器，并為它設(shè)置了 text-align 屬性。text-align 屬性可以接受以下值：

• left：靠左對(duì)齊
• center：居中對(duì)齊
• right：靠右對(duì)齊
• justify：兩端對(duì)齊

當(dāng)我們將 text-align 屬性設(shè)置為 left 時(shí)，該元素就會(huì)被左對(duì)齊。

還有一種方法可以讓元素靠左對(duì)齊，那就是使用 float 屬性。

.selector {
float: left;
}

與 text-align 屬性不同，float 屬性可以讓元素進(jìn)行浮動(dòng)。當(dāng)我們將元素浮動(dòng)到左側(cè)時(shí)，它就會(huì)自動(dòng)靠左對(duì)齊。

總的來(lái)說(shuō)，靠左對(duì)齊是一種很常見(jiàn)的頁(yè)面布局需求。通過(guò) text-align 屬性和 float 屬性，我們可以輕松地實(shí)現(xiàn)這一目標(biāo)。