CSS 字左移

CSS 字左移可以讓文字在盒子的左側(cè)留出一定的空間，增加排版的美觀性。實現(xiàn)字左移可以使用padding屬性或text-indent屬性。

使用padding實現(xiàn)

如果要使用padding實現(xiàn)字左移，需要給盒子添加padding-left屬性，值為想要左移的像素數(shù)。比如，如果想讓文字左移50px，可以這樣寫：

.box-1 {
padding-left: 50px;
}

這個時候，文字就會在盒子的左側(cè)空出50px的留白。我們可以通過下面的代碼來預(yù)覽效果：

使用text-indent實現(xiàn)

除了padding，還可以使用text-indent屬性實現(xiàn)字左移。text-indent可以設(shè)置文字的縮進，如果將值設(shè)置為負數(shù)，文字就會向左移動。比如，如果想讓文字左移50px，可以這樣寫：

.box-2 {
text-indent: -50px;
}

這個時候，文字就會在盒子的左側(cè)空出50px的留白。我們可以通過下面的代碼來預(yù)覽效果：