html - 如何使某些图像具有特定宽度而不是其他图像?

标签 html css image wordpress image-scaling

我最近将 Wordpress site 的宽度从 456 像素宽更改为 620 像素。当然,这导致我所有的图像现在都不适合新的宽度。我发现通过使用下面的代码,它几乎解决了我的问题。

p img {

width: 100% !important;

height: auto;

}

我遇到的问题是,在多个位置(星级评分系统)使用的一组图像本来就很小,使用上面的代码会迫使它们放大并搞砸。我怎样才能使用上面的代码应用到我所有帖子中的图片,除了一些我不想放大的明星图片?感谢您的宝贵时间,感谢您的帮助。

为清楚起见更新了我的问题

最佳答案

你应该使用一个 CSS 类,给你的 img 不属于这个规则,比如。

CSS

.star-img{
    width: auto;
}

另一个例子

p img.star-img{
    width: auto;
}

HTML

<img src="star.jpg" alt="Star" class="star-img">

关于html - 如何使某些图像具有特定宽度而不是其他图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16648981/

相关文章:

javascript - HTML/Javascript - 定位不一致

java - byte[] 到 bufferedImage 转换给出 null

ios - 如何在 iOS 中为一组图像制作动画

java - 将两个 YV12 图像缓冲区组合成一个并排图像 Java/Android

javascript - 如何动态复制转换为 select2.js 的 select 标签?

javascript - p5 Canvas 重新居中

javascript - 使用 JavaScript 对 HTML 输出 (ASP.Net) 所做的更改立即撤消

html - 调整父div中的多个div显示

html - 无法使用 Bootstrap 在页面上放置表格列

可以关闭的 jquery 通知栏?