在 CSS 中,我們經常需要將文本或圖標在元素內部左右移動。如果你想將圖標往左移,你可以使用 margin-left 屬性。
.icon { margin-left: -10px; }
以上代碼將使得 .icon 類的圖標向左移動 10 個像素。
如果你想要使用相對于元素寬度的百分比來移動圖標,你可以使用 padding-left 屬性。
.icon { padding-left: 10%; }
以上代碼將使得 .icon 類的圖標向左移動元素寬度的 10%。
另外一個移動圖標的方法是使用 transform 屬性的 translate() 函數。
.icon { transform: translateX(-10px); }
以上代碼會將 .icon 類的圖標向左移動 10 個像素。
最后,如果你想要將圖標居中對齊,你可以使用 text-align 屬性。
.icon-container { text-align: center; }
以上代碼將使得 .icon-container 類中的所有元素(包括圖標)都居中對齊。