CSS中位置在左面的效果可以通過(guò)text-align、float、position、display等屬性實(shí)現(xiàn)。

/* text-align屬性 */
.left {
text-align: left;
}
/* float屬性 */
.left {
float: left;
}
/* position屬性 */
.left {
position: absolute;
left: 0;
}
/* display屬性 */
.left {
display: inline-block;
}

通過(guò)text-align屬性將元素內(nèi)的內(nèi)容左對(duì)齊，通過(guò)float屬性讓元素浮動(dòng)至左側(cè)，通過(guò)position屬性讓元素相對(duì)定位后左移，通過(guò)display屬性將元素轉(zhuǎn)換為行內(nèi)塊元素從而實(shí)現(xiàn)左對(duì)齊。

需要注意的是，使用float屬性實(shí)現(xiàn)左對(duì)齊時(shí)需要考慮父元素的寬度和子元素的寬度，以免導(dǎo)致父元素高度塌陷。