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