css设置图片宽高不生效

当设置 CSS 属性中的宽度和高度时，应该确保图片本身有足够的大小来填充指定的宽度和高度。如果图片的实际大小小于指定的宽度和高度，则无论如何都不会填充指定的宽度和高度。

你可以采用以下方法解决这个问题：

1. 确保图片实际大小大于或等于指定的宽度和高度。

2. 使用 object-fit 属性来缩放图片以适应指定的宽度和高度。例如：

img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}

3. 如果使用背景图片，可以使用 background-size 属性来缩放图片以适应指定的宽度和高度。例如：

div {
  width: 200px;
  height: 200px;
  background-image: url("your-image-url");
  background-size: cover;
}

希望以上方法可以帮助你解决问题。

相关问题

如何给wangeditor编辑器中的图片设置宽高

可以使用CSS样式来设置wangeditor编辑器中的图片宽高，具体步骤如下：

1. 打开wangeditor编辑器，进入编辑器中需要设置宽高的图片所在的位置。

2. 在编辑器中右键单击需要设置宽高的图片，选择“属性”。

3. 在弹出的“属性”对话框中，找到“样式”一栏，点击“样式”后面的“编辑”按钮。

4. 在“样式编辑器”中，输入以下CSS样式代码：

   width: 200px;
   height: 150px;

这里设置图片宽为200px，高为150px，你可以根据需要自行调整。

5. 点击“确定”按钮保存设置，关闭“属性”对话框。

6. 最后，记得保存编辑器中的内容，使设置生效。

以上步骤可以在wangeditor编辑器中设置图片的宽高。

行内块元素为三张图片 如何在css调整图片大小

要调整行内块元素中的图片大小，可以使用CSS的width和height属性。具体实现方法如下：

1. 首先，选中图片所在的行内块元素，比如一个div或span标签，或者直接选中图片标签本身，比如img标签。

2. 在CSS中为选中的元素添加width和height属性，用像素或百分比表示需要的大小。例如：

   div img {
       width: 100px;
       height: 100px;
   }

这个CSS规则将会把一个包含图片的div元素中的所有图片缩放为100像素宽和100像素高。

如果要使用百分比表示大小，可以这样写：

   div img {
       width: 50%;
       height: auto;
   }

在这个例子中，图片宽度设置为父元素的50%，高度则根据宽高比自适应调整。

3. 最后，保存CSS文件，并将其引入到HTML页面中即可生效。

注意：以上方法只适用于行内块元素中的图片，如果图片是作为背景图设置的，或者位于其他类型的元素中，调整大小的方法可能会有所不同。