-
實際應用：圖標文本對齊 （表情圖片/原始尺寸背景圖標與文字的對齊效果）查看全部
-
vertical-align：text-top（bottom）查看全部
-
完全垂直居中：設置font-size：0查看全部
-
vertical-middle需特別注意查看全部
-
盒子里什么都沒有，基線是底邊緣，有內容的話基線就是里面line box的基線查看全部
-
容器line-height：0；vertical-align：top去掉空格（好基友一起才可以）查看全部
-
實現大小不固定圖片的垂直居中： 先消滅空白：vertical-align：middle；然后設置行高查看全部
-
法三：改變行高 line-height：0 或者font-size：0（這里使用的是相對行高，所以0*1.5，還是0，line-height里也有講）查看全部
-
法二：改變vertical-align對齊方式為 vertical-align：bottom或 middle或 top查看全部
-
消除空白區(qū)域： 法一：消滅vertical-align{display：block；margin：auto} 只有內聯元素vertical-align才起作用查看全部
-
默認基線對齊，基線就是x下邊緣，所以就出現了空白查看全部
-
換句話說只要是內聯元素一定受行高和vertical-align的影響查看全部
-
不定行文字與圖片垂直居中對齊（法一）法二是關于text-align：justify 不使用float。因為float后會成為block水平沒法垂直居中對齊 display：inline-block；圖片是inline水平，設置width不起作用，所以改為inline-block查看全部
-
vertical-align起作用的條件：應用于inline和table-cell元素，換句話說：默認狀態(tài)下：適用圖片，文字，按鈕，單元格 改變display水平 --display --css聲明 元素浮動會變?yōu)閎lock水平 絕對定位后元素為block水平查看全部
-
vertical-align的數值是在baseline的基礎上偏移；而百分比值是相對于line-height計算的。IE6/7下的vertical-align百分比值不支持小數line-height查看全部
舉報
0/150
提交
取消