在CSS中,如果想要移動圖片,我們可以使用“position”和“left” 或“right”以及“top”或“bottom”的屬性。
首先,我們要使用CSS將我們的圖片“position”設為“relative”或者“absolute”。這將啟用“left”和“top”屬性。
如果我們想把圖像向右移動,我們可以使用“left”屬性并指定像素值。
例如:
pre {
position: relative;
left: 50px;
}
這將使圖片向右移動50像素。
如果我們想把圖像向下移動,則可以使用“top”屬性。
例如:
pre {
position: relative;
top: 50px;
}
這將使圖像向下移動50像素。
最后,如果我們想要將圖像居中,可以將“position”設置為“absolute”,然后使用“left”和“top”屬性并將值設置為50%。這將使圖像水平和垂直居中:
例如:
pre {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
如上所述,在CSS中使用“position”和“left”或“right”以及“top”或“bottom”屬性可以輕松地移動圖像并調整位置。
上一篇css中強制多行顯示