爲什麼取消選中此圖像上的垂直對齊屬性會更改列表而不是圖像？

Question

爲什麼取消選中此圖像上的垂直對齊屬性會更改列表而不是圖像？

選中：

未選中：

Answer 1

內聯元素共享一個看不見的導向稱爲linebox。線框指導其內部元素相對於彼此的垂直定位。由於它封裝了這些內聯元素之間的關係，因此該框本身也會受到這些元素的影響。

當圖像的垂直對齊設置爲「中」時，線框將移動到父容器的中心。這是因爲圖像元素大於線框，因此線框是在屬性更改時移動的線框（如果圖像比線框小，圖像將移動而不是線框）。

從圖像中刪除垂直對齊會使其默認回到「基線」，並且當線框和圖像的基線重新對齊時，線框現在位於父容器的底部，從而將其餘部分它也包含在那裏的內容。

Here's a really good read on the whole thing（遠遠超過了MDN文檔有用）