为什么给图片添加vertical-align:top，后面的文字会往上方移动？
2023-12-28 阅读 26
当给图片添加 `vertical-align: top` 属性时，图片将被垂直对齐到父元素的顶部。这意味着图片的顶部将与父元素的顶部对齐，而不是与文本的基线对齐。
由于图片被对齐到顶部，文本的基线位置不再受到图片的影响，因此文本会往上方移动，以与图片的顶部对齐。这种现象可能会导致文字与其他元素的对齐方式发生变化。
如果你想要图片与文本在同一行上水平对齐，并且保持文本的基线对齐，你可以尝试使用 `vertical-align: middle` 或 `vertical-align: baseline` 属性来代替 `vertical-align: top`。
更新于 2023年12月28日
