ширина изображения переопределена чем-то другим - PullRequest
Новая
       5

ширина изображения переопределена чем-то другим

0 голосов
/ 21 сентября 2018

Недавно я переместил свой личный веб-сайт на github.io и использовал тему индиго в jekyll.На одной из моих страниц уценки под названием about.md у меня есть следующий тег. 

<img src="../figs/foo.jpg" width="100%">

Но это переопределяется другим блоком. 

.about img {
    width: 50%;
    margin: 0 auto;
    display: block;
 }

Из-за этого изображение, которое яхочу показать на все 100% отображается только половина страницы.

Как переопределить .about img, чтобы показать мое изображение на 100%

Ответы [ 2 ]

0 голосов
/ 23 сентября 2018

Вы можете использовать атрибут стиля с ! Important , чтобы установить ширину изображения, как показано ниже: -

<img src="../figs/foo.jpg" style="width:100% !important;">

При этом вы также должны посмотреть ширинуродительского тега этого контейнера тегов

0 голосов
/ 23 сентября 2018

Ваша текущая ширина встроенного изображения использует атрибут ширины .Чтобы перезаписать CSS, вы должны использовать более конкретный CSS .Замените атрибут на CSS / style, например так: 

<img src="../figs/foo.jpg" style="width: 100%;" />

Если вы используете вышеупомянутое, ваш встроенный CSS выиграет битву специфичности от селектора .about img.

Чтобы легко запомнить изображение о правилах специфичности, посмотрите на Speci-FISH-ity .

...