當我們想要將頁面上某些內容向左移動以適應我們的設計時,可以使用 CSS 的margin-left
屬性。
.left-move { margin-left: 50px; }
如上述代碼所示,將帶有left-move
類的元素向左移動50px
。
注意,如果要將整個頁面內容向左移動,可以在body
元素上應用相同的樣式:
body { margin-left: 50px; }
現在,我們可以使用相應的 HTML,如下所示:
<div class="left-move"> <p>這個段落將向左移動50個像素。</p> </div>
如果您想將多個元素向左移動,只需將相應的類應用于它們:
<div class="left-move"> <p>這個段落將向左移動50個像素。</p> </div> <img class="left-move" src="image.jpg" alt="圖片">
如上所述,將帶有left-move
類的<div>
和<img>
元素都將向左移動。
下一篇css 小圖標怎么寫