Właściwość Width w css w tagu img [duplicate]

Question

Wiem, że <img>tag jest elementem wbudowanym.

Co oznacza, że ​​właściwość width elementu css nie powinna mieć zastosowania na img.

szerokość i wysokość nie są stosowane do wbudowanych elementów div.

Dlaczego więc właściwość width ma zastosowanie do imgtagu, który jest elementem wbudowanym?

Answer 1

Domyślnie img jest elementem wbudowanym, ale wymiary są definiowane przez wymiar samego obrazu. Możesz ustawić wartość with i height, aby zająć miejsce przed załadowaniem, aby złagodzić zmiany układu zawartości.

Z MDN : <img>jest elementem zastępowanym; ma wartość wyświetlania inline by default, ale jego domyślne wymiary są definiowane przez wewnętrzne wartości osadzonego obrazu, tak jak w przypadku bloku inline. Możesz ustawić właściwości, takie jak border / border-radius, padding / margin, width, height itp. Obrazu.