-
vertical-align家族基本認(rèn)識(shí)
查看全部 -
小圖片與文字：平時(shí)-5px效果較好
大小不固定的圖片或多行文字的垂直居中
查看全部 -
相對(duì)于父級(jí)元素對(duì)齊
盒子線與父級(jí)對(duì)齊
混雜屬性
解決方法一：font-size：0
解決方法二：后面放一個(gè)內(nèi)聯(lián)元素
查看全部 -
vertical-align：super、sub
同理于
查看全部 -
vertical-align：text-top/text-bottom
?實(shí)際作用
查看全部 -
vertical-align：bottom
vertical-align：top
vertical-align：middle
完全垂直居中：font-size:0?vertical-align：middle
table-cell：td單元格不足高度會(huì)用padding填補(bǔ)
查看全部 -
字符行高變成0 高度變成0、字符垂直中心線變成圖片邊緣;行高是0，那么半行間距則會(huì)等于 -font-size/2 (必須是宋體，老師之前的課程中有講).所以盒子才會(huì)下移font-size/2 的距離。半行間距是正盒子會(huì)上移，是負(fù)盒子會(huì)下移。
解決辦法：vertical-align:top
line-height：0；vertical-align:top? 去掉圖片底下白框
查看全部 -
vertical-align支持的屬性值以及組成
inherit 繼承
數(shù)值百分比類(lèi)
查看全部 -
vertical-align百分比是相對(duì)于line-height值計(jì)算的.
查看全部 -
"匿名inline元素"的實(shí)例.
查看全部 -
默認(rèn)狀態(tài)下的(泛)inline水平元素:
? ? 圖片/按鈕/文字/單元格
查看全部 -
注意這里的"未知元素"
查看全部 -
inline水平 和 table-cell元素
查看全部 -
vertical-align 只能應(yīng)用于"內(nèi)聯(lián)"元素 和 "表單元"元素.
查看全部 -
vertical-align 的百分比值是相對(duì)于line-height計(jì)算的.
查看全部 -
css屬性中 支持"負(fù)值"的屬性.
查看全部 -
vertical-align設(shè)置為負(fù)值使文字和圖片對(duì)齊
查看全部 -
vertical-align關(guān)注元素和父級(jí)的關(guān)系，與前后元素沒(méi)有直接影響
查看全部
舉報(bào)