覆盖CSS宽度

如何覆盖css width，以便竞争的width HTML属性定义计算的大小？覆盖CSS宽度

下面的示例呈现宽度为500px，但我想要100px。假设css规则不能改变 - 只是被更强大的规则所掩盖。

编辑澄清：我不想在内联或其他地方设置显式大小。

img { 
 
    width: auto; 
 
}

<img src="http://placekitten.com/500/500" width="100px">

2016-10-24 h0b0

尝试在'img'标签的'style'属性中定义它。 – AntoineB

您可以使用内嵌样式设置width

img { 
 
    width: auto; 
 
}

<img src="http://placehold.it/500x500" style="width: 100px">

2016-10-24 10:47:00

看看在!important标签：

更多信息here

2016-10-24 10:47:16 DiogoCarou

我不明白这可能对此有何帮助。 – h0b0

你可以用它来更加重视一定的规则，所以它可以实现你想要的@ h0b0 – DiogoCarou

@DiogoCarou你是对的。这会工作。 –

您可以使用内嵌CSS：

<img src="http://placekitten.com/500/500" style="width:100px">

，或者你可以从你当前的代码删除PX：

<img src="http://placekitten.com/500/500" width="100">

2016-10-24 10:48:46

你可以使用重要注释：宽度：100px！重要;

2016-10-24 10:50:26

只需使用这样

img { 
width: auto;} 

<img src="http://placekitten.com/500/500" style="width: 100px;">

2016-10-24 11:11:37

试试这个。

img { width: auto; } <img src="http://placehold.it/500x500" style="width: 100px !important;">

2016-10-24 11:17:13

回答