-
实际应用：图标文本对齐 （表情图片/原始尺寸背景图标与文字的对齐效果）查看全部
-
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查看全部
-
消除空白区域： 法一：消灭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元素，换句话说：默认状态下：适用图片，文字，按钮，单元格 改变display水平 --display --css声明 元素浮动会变为block水平 绝对定位后元素为block水平查看全部
-
vertical-align的数值是在baseline的基础上偏移；而百分比值是相对于line-height计算的。IE6/7下的vertical-align百分比值不支持小数line-height查看全部
举报
0/150
提交
取消