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