CSS 中可以通過 設(shè)置margin-left屬性,來實(shí)現(xiàn)控制圖片距離左邊距的效果。
img { margin-left: 50px; /* 調(diào)整圖片距離左邊距為 50 像素 */ }
上述代碼即使設(shè)置了在所有的 img 元素中實(shí)現(xiàn),如果想單獨(dú)針對某個圖片調(diào)整距離左邊距的距離,可以為該圖片設(shè)置一個類,并使用類名來指定樣式。
<img src="example.jpg" class="left-margin"> .left-margin { margin-left: 50px; /* 調(diào)整圖片距離左邊距為 50 像素 */ }
需要注意的是,如果圖片的容器也有設(shè)置左邊距的樣式,那么圖片的實(shí)際距離左邊距的距離就是兩者相加。
.container { margin-left: 20px; } img { margin-left: 50px; } /* 圖片實(shí)際距離左邊距是 70 像素 */
上一篇vue框架的好處
下一篇html玫瑰動畫代碼