Html <;图像宽度>;vs CSS宽度

Html <;图像宽度>;vs CSS宽度,html,css,image,Html,Css,Image,假设我有这样一个代码: img{ 宽度:自动; } 更新: HTML img标签由第三方软件生成 是否有可能在图像标记中定义宽度=宽度来显示图像 不,使用CSS是不可能的 旧答案 是,它使用的是最大宽度 不要使用widthHTML标记,也不要使用内联样式 img{ 宽度:自动; 最大宽度:400px; } 您可以添加另一个样式类,并将其用于此图像,无论您要指定的高度和宽度值是多少。这样,您就可以保持现有样式信息的完整性,并拥有更清晰的html。我认为CSS不可能做到这一点。我当然想不出任

假设我有这样一个代码:

img{
宽度:自动;
}

更新:


HTML img标签由第三方软件生成

是否有可能在图像标记中定义宽度=宽度来显示图像

不,使用CSS是不可能的



旧答案

是,它使用的是
最大宽度

不要使用
width
HTML标记,也不要使用内联样式

img{
宽度:自动;
最大宽度:400px;
}

您可以添加另一个样式类,并将其用于此图像,无论您要指定的高度和宽度值是多少。这样,您就可以保持现有样式信息的完整性,并拥有更清晰的html。

我认为CSS不可能做到这一点。我当然想不出任何办法来做这件事

您可以创建一个非常简单的javascript片段,为任何具有定义的
width
属性的img生成内联样式:

var-imgs=document.querySelectorAll('img[width]”);
对于(变量i=0;i
img{
宽度:自动;
}


这是一个优于内联样式的解决方案(尽管后者也可以解决原始帖子的问题)。我会更进一步,并建议OP将一个类应用于他们希望以这种方式更改的图像,以便在他们需要更改时提供进一步的未来校对。遗憾的是,我不知道CSS文件中图像的宽度。因此,我无法将宽度或最大宽度设置为400。如果我能以某种方式删除
width:auto
,它会工作的。@nbar抱歉什么?你不知道CSS中img的宽度?需要解释吗?HTML img标签是由第三方软件生成的。并且不能删除
宽度:auto
。我可以添加传统的CSS代码,但我不知道届时图像会有多大。我希望图像的img标记宽度值是多少。图像宽度的唯一信息在HTML img-tag中。谢谢确认。我会做一个JS解决方案。