-
vertical-align家族基本认识
查看全部 -
小图片与文字：平时-5px效果较好
大小不固定的图片或多行文字的垂直居中
查看全部 -
相对于父级元素对齐
盒子线与父级对齐
混杂属性
解决方法一：font-size：0
解决方法二：后面放一个内联元素
查看全部 -
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元素"的实例.
查看全部 -
默认状态下的(泛)inline水平元素:
图片/按钮/文字/单元格
查看全部 -
注意这里的"未知元素"
查看全部 -
inline水平 和 table-cell元素
查看全部 -
vertical-align 只能应用于"内联"元素 和 "表单元"元素.
查看全部 -
vertical-align 的百分比值是相对于line-height计算的.
查看全部 -
css属性中 支持"负值"的属性.
查看全部 -
vertical-align设置为负值使文字和图片对齐
查看全部 -
vertical-align关注元素和父级的关系，与前后元素没有直接影响
查看全部
举报