在 CSS 中,可以使用 width
和 height
属性来控制图片的尺寸大小,可以使用像素(px
)或百分比(%
)等单位。例如,设置图片宽度为 200px
,高度为 150px
,可以这样写:
img {
width: 200px;
height: 150px;
}
此外,还可以使用 max-width
和 max-height
属性来限制图片的最大尺寸,避免图片过大影响页面布局。例如,设置图片最大宽度为 100%
,最大高度为 300px
,可以这样写:
img {
max-width: 100%;
max-height: 300px;
}
如果想要对齐图片,可以使用 text-align
属性来控制图片在父元素中的水平对齐方式,可以设置为 left
、center
或 right
。例如,将图片水平居中对齐,可以这样写:
div {
text-align: center;
}
img {
display: inline-block;
}
需要注意的是,为了让 text-align
属性生效,需要将图片的 display
属性设置为 inline-block
或 inline
。