встроенный тег img со значением ширины - PullRequest
0 голосов
/ 21 декабря 2018

Все встроенные элементы не учитывают значение ширины, они будут принимать только необходимое количество ширины.Почему это не так с тегом img?После настройки отображения для встроенного изображения учитывается значение ширины, указанное в html.https://www.w3schools.com/code/tryit.asp?filename=FYECKCZDC3GO

HTML

<!DOCTYPE html>
<html>
  <body>
    <img src="smiley.gif" style="display:inline;" alt="Smiley face" width="420" height="42">   
  </body>
</html>

Мой вопрос: есть ли у вас тег span, встроенный по умолчанию, теперь вы добавляете к нему ширину, У него не будет никакой разницы рендеринга, потому что span встроен.Почему то же самое не относится к изображениям?

1 Ответ

0 голосов
/ 21 декабря 2018

Если элемент представляет изображение, предполагается, что пользовательский агент будет обрабатывать этот элемент как замененный элемент и отображать изображение в соответствии с правилами, определенными в CSS.

Свойство высоты применяетсядля замены встроенных элементов.

Подробнее можно прочитать здесь:

https://stackoverflow.com/a/12468246/7634550

https://www.w3.org/TR/css-display-3/#outer-role

...