为什么取消选中此图像上的垂直对齐 属性 会更改列表而不是图像？
Why does unchecking the vertical-align property on this image change the list instead of the image?
为什么取消选中此图像上的垂直对齐 属性 会更改列表而不是图像？
选中：
未选中：
行内元素共享一个不可见的向导，称为行框。 linebox 引导其中的元素相对于彼此的垂直定位。因为它在内部封装了这些内联元素之间的关系，所以盒子本身也会受到这些元素的影响。
当图片的vertical-align设置为"middle"时，linebox会移到父容器的中心。那是因为图像元素大于行框，因此行框是在 属性 更改时移动的那个（如果图像小于行框，则图像会移动而不是行框）。
从图像中删除垂直对齐会导致它默认回到 "baseline"，并且当行框和图像的基线重新对齐时，行框现在位于父容器的底部，它移动了它包含的其余内容也在那里。
Here's a really good read on the whole thing（比 MDN 文档更有用）
为什么取消选中此图像上的垂直对齐 属性 会更改列表而不是图像？
选中：
未选中：
行内元素共享一个不可见的向导，称为行框。 linebox 引导其中的元素相对于彼此的垂直定位。因为它在内部封装了这些内联元素之间的关系，所以盒子本身也会受到这些元素的影响。
当图片的vertical-align设置为"middle"时，linebox会移到父容器的中心。那是因为图像元素大于行框，因此行框是在 属性 更改时移动的那个（如果图像小于行框，则图像会移动而不是行框）。
从图像中删除垂直对齐会导致它默认回到 "baseline"，并且当行框和图像的基线重新对齐时，行框现在位于父容器的底部，它移动了它包含的其余内容也在那里。
Here's a really good read on the whole thing（比 MDN 文档更有用）