图片 文字 input等垂直居中对齐
青色线text-top,紫色线baseline,黄色线middle,白线模拟视觉垂直中分线,一组两个,前一个为未加margin-top偏移。
img,input,select等和文本的垂直居中这些元素设置可以写成:
margin-top:-.14em; border:0; vertical-align:middle-----(根据实际字体情况,建议再微调.14值,也可用maring-bottom)
aAopPyZ|字![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
oFg
aAopPyZ|字![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
oFg
aAopPyZ|字![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
oFg
aAopPyZ|字![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
oFg
aAopPyZ|字![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
oFg
aAopPyZ|字![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
![](http://r3.sinaimg.cn/10170/2013/0530/61/9/02426293/768x923x75x0.jpg)
oFg