-
這種情況可以再圖片后面加一個空白的內(nèi)聯(lián)元素查看全部
-
文字和圖片之間沒有任何影響，top和bottom各自對齊查看全部
-
默認(rèn)是基線對齊，vertical-align:top bottom是頂部，底部對齊查看全部
-
vertical-align:bottom,top,是相對于父級盒子的底部基線，頂部基線對齊，對前后元素沒有影響查看全部
-
text-bottom,,text-top不受其他內(nèi)斂元素的影響，只受content area的影響，隱藏的字體大小。查看全部
-
注意幾點查看全部
-
記住啦查看全部
-
text-top查看全部
-
基線本身很復(fù)雜，字符具有下沉的特性。當(dāng)把字符的font-size設(shè)置為0后，字符的基線，中線都在一條線上，這時和容器的中心就重合了，元素就垂直居中了查看全部
-
理解inline查看全部
-
當(dāng)一個 inline-block盒子中沒有任何元素，它的基線就是盒子的地邊緣，如果盒子里面有元素基線就是元素的底邊緣，行高有讓文字居中的特性，行高設(shè)置為0，高度的區(qū)域就變?yōu)樽址闹行牧恕?查看全部
-
任意數(shù)目的兩端對齊查看全部
-
把內(nèi)聯(lián)改為display:block;就不會出現(xiàn)下邊多出的空白了，因為display:baseline,行高改為0,也可以解決這個問題，因為基線的位置足夠顯示內(nèi)容 <p>后標(biāo)簽留出一個空字符節(jié)點 text-align:justify兩端對齊特效查看全部
-
display:tab-cell對verticle-align可以，但display:tab-cell只能作用于自身，對他里面的子元素不起作用 display:inline-block;既能支持inline,又能設(shè)置高度。查看全部
-
絕對定位會脫離文檔流，也會導(dǎo)致verticle-align失效查看全部
舉報
0/150
提交
取消