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