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