在 CSS 中,可以使用 width
和 height
属性来设置图片的大小,例如:
img {
width: 200px;
height: 150px;
}
上述代码会将图片的宽度设置为 200 像素,高度设置为 150 像素。可以根据实际需要修改数值。
同时,也可以使用 object-fit
属性来调整图片的填充方式,例如:
img {
width: 200px;
height: 150px;
object-fit: cover;
}
上述代码会将图片等比例缩放,直到图片完全覆盖容器,并居中显示。
除此之外,还可以使用 position
属性来设置图片的位置,例如:
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
上述代码会将图片的位置设置为容器中心,可以根据实际需要调整 top
和 left
属性的值。transform
属性用于将图片向上和向左移动自身宽度和高度的一半,以使它的中心与容器的中心重合。
需要注意的是,以上属性都只适用于 position
属性值为 absolute
或 fixed
的元素。