在CSS中,可以使用margin-left
屬性來實現樣式向左移動,而不僅僅限于使用text-align: left
屬性。
.example { margin-left: 20px; }
上述代碼將會把選擇器類名為example
的元素向左移動20個像素。
同樣地,我們也可以指定百分比值或者使用負值來實現不同的向左移動效果。
.example { margin-left: 50%; }
上述代碼將會把選擇器類名為example
的元素向頁面的中心左側偏移50%。
需要注意的是,當我們給元素都指定了margin-left
和margin-right
屬性時,元素會被居中對齊。
除了對盒子模型的影響,margin-left
屬性還可以用來為文字、背景圖像和表格單元格設置邊距。
p { margin-left: 10px; }
上述代碼將會讓文本段落和其他塊級元素的左邊距為10個像素。
總體而言,margin-left
屬性是實現CSS樣式向左移動的重要屬性之一,我們可以通過它來定制各種個性化樣式。