Мой браузер показывает, что тег <img> является встроенным тегом. Многочисленные ответы в Stack говорят, что span не принимает свойство height , потому что это встроенный тег.
Как это сделать <img>? Почему он не является элементом встроенного блока?
Почему <img> принимает высоту, когда она является встроенным элементом?
Ответ 1
Тег <img> не является строго встроенным элементом, а встроенным элементом.
В двух словах это означает, что <img> (и другие элементы, как <video> или, <object>, если вы все еще используете его), имеет внутренние размеры. Таким образом, CSS может обрабатывать эти размеры (и другие свойства, такие как поля). Поскольку <img> является встроенным тегом, который заменяется собственным исходным файлом (ну, он все еще является встроенным элементом).
Некоторые документы об этом:
- https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element
- http://www.w3.org/TR/REC-html40/struct/objects.html#edef-IMG
Забавный факт (я думаю): вы не можете переопределить (или просто обрабатывать) поведение с заменой строки на "нормальное" встроенное поведение для этих элементов с помощью CSS (когда оно работает, когда вы устанавливаете его в встроенный блок или блок или все что пожелаете). См. Этот пример: http://jsfiddle.net/s8apbbof/