讓元素在CSS中左對(duì)齊通常是需要的,可以讓頁面內(nèi)容更有條理性。想要讓元素在頁面在距離左邊框10像素的位置進(jìn)行排列,在CSS中需要使用如下代碼:
element { margin-left: 10px; }
在這里,"margin-left"屬性確定了元素與其左側(cè)相鄰元素之間的距離。值"10px"表示這個(gè)距離為10像素。
需要注意的是,在此過程中僅僅設(shè)置了元素與其左側(cè)元素的距離,而沒有設(shè)置此元素與它左側(cè)的容器邊緣之間的距離。如果需要設(shè)置元素與左側(cè)容器邊緣之間的距離為10像素,那么可以使用"padding-left"屬性而不是"margin-left":
element { padding-left: 10px; }
這將會(huì)把元素的內(nèi)容(例如文本和圖像)與元素的左邊框距離設(shè)置為10像素。實(shí)際上,設(shè)置了padding之后,元素下一級(jí)子元素的margin默認(rèn)會(huì)以element的padding為基礎(chǔ)。因此如果下一級(jí)子元素再次設(shè)置margin的話,會(huì)以padding之后的距離為基礎(chǔ)進(jìn)行計(jì)算,可能會(huì)和預(yù)想中的距離不同。