You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在不添加类或ID的情况下,通过CSS修改指定URL图片的高度

如何在无类/ID的情况下修改图片高度

嘿,这个问题其实很好解决,完全可以通过CSS实现,甚至真的能借助你的IMAGE-URL来定位这张图片,下面给你两种实用的方案:

1. 通过图片的src属性精准定位(就是你提到的用IMAGE-URL的方式)

CSS里的属性选择器可以直接匹配元素的属性值,刚好能用来定位这张特定的图片。写法如下:

img[src="IMAGE-URL"] {
  height: 100px;
  /* 可选:保持图片比例,避免拉伸变形 */
  width: auto;
}

注意这里的IMAGE-URL要和img标签里的src值完全一致(包括大小写、参数这些细节),这样才能精准选中目标图片。

2. 选中页面中所有img(如果这是页面里唯一的图片)

如果你的页面里只有这一张图片,或者想统一修改所有图片的高度,直接用标签选择器就够了,写法更简单:

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

另外补充个小细节:height属性可以用多种单位,比如px(固定像素)、%(相对父容器高度)、rem(相对根字体大小),你可以根据需求选择合适的单位~

内容的提问来源于stack exchange,提问作者OPTIMUS PRIME

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.15 08:20:26