2016-10-24 9 views
0

Как я могу переопределить css width так, чтобы конкурирующий атрибут HTML width определял вычисляемый размер?Override css width

Следующий пример показан с шириной 500 пикселей, но я хочу 100px. Предположим, что правило css не может быть изменено - просто замаскировано более сильным правилом.

Редактировать для пояснения: Я не хочу устанавливать явный размер в строке или в другом месте.

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

+0

Попробуйте его определения в 'style' атрибут' img' тега. – AntoineB

ответ

3

Вы можете использовать встроенный стиль для установки width

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

0

Посмотрите на !important тег:

Подробнее here

+0

Я не понимаю, как это может помочь здесь. – h0b0

+0

вы можете использовать его, чтобы придать большее значение определенному правилу, чтобы он мог достичь того, чего вы хотите @ h0b0 – DiogoCarou

+0

@DiogoCarou Вы правы. !! Это сработает. –

0

Вы можете использовать встроенный CSS:

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

или вы можете просто удалить точки из текущего кода:

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

вы можете использовать важное примечание: ширины : 100px! Important;

0

Просто используйте как этот

img { 
width: auto;} 

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

Попробуйте это.

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