2:15位置改變圖片vertical-align后，圖片的baseline在哪兒？文字為什么也跟著上移？謝謝
圖片vertical-align：top，圖片元素與靠齊圖片的父元素的內(nèi)容區(qū)域的頂部。視頻2:15的位置，說圖片實際是往下沉的，但因為所有的元素往上推的（DOM元素都是左上對齊）。
1、圖片實際是往下沉的，所有元素往上推？這句話不明白。
2、可文字為什么也會跟著上移了？
3、圖片的基線balseline在圖片最底部，和右側(cè)文字的基線baseline一致，圖片垂直top對齊時候，圖片的基線baseline沒發(fā)生改變，可右側(cè)問題的基線（默認基線對齊）怎么跑到上面去了？
謝謝
2018-03-27
是圖片擁有了頂部對齊父元素頂部的屬性，那么自然就會頂對齊，而文字及其他元素并沒有特殊屬性，所以會默認在頂部對齊，就形成了所有元素往上推
就是一條的原因
右側(cè)是文字，它自身的基線也是相對于自身而言是沒有變化，所以并不是右側(cè)基線上去了，而是右側(cè)元素整個上移，另外圖片的基線和文字基線并沒有關(guān)聯(lián)，它們的baseline屬性值都是相對于父級的基線的，所以兩者的位置不會相互影響。
2017-10-22
首先你得知道垂直對齊會影響整個行框盒子的高度的,此時圖片發(fā)生了vertical-align:top;整個時候這個行框盒子的高度相對于之前變小了.而此時的行框盒子重新定義的基線,而后面元素還是保持基線對齊的.所以看著文字是向上了.這是鄙人的理解,若有不對歡迎指正.