css 怎么一起调整img的宽高
时间: 2023-10-31 14:06:21 浏览: 88
在 CSS 中,我们可以使用 `width` 和 `height` 属性来调整 `img` 标签的宽高。如果要一起调整多张图片的宽高,可以使用类名或者选择器来选中需要调整的图片,然后设置宽高属性。
例如,如果要将所有类名为 `my-image` 的图片设置为宽度为 200 像素,高度为 100 像素,可以这样写:
```css
.my-image {
width: 200px;
height: 100px;
}
```
这样就可以一起调整多张图片的宽高了。
如果只需要调整单张图片的宽高,可以直接在 `img` 标签中设置 `width` 和 `height` 属性,例如:
```html
<img src="example.jpg" alt="example" width="200" height="100">
```
这样就将图片设置为宽度为 200 像素,高度为 100 像素。注意,如果只设置其中一个属性,另一个属性会按照图片原始的宽高比例自动进行调整。
阅读全文
相关推荐


















