vertical-align与百分值实例页面

代码：

CSS代码：

body{line-height:150%;}
.v0{vertical-align:50%;}
.v1{vertical-align:-50%;}

HTML代码：

<p><img src="//image.zhangxinxu.com/image/study/s/s128/mm10.jpg" class="" />未设置vertical-align百分比值的效果。</p>
<p><img src="//image.zhangxinxu.com/image/study/s/s128/mm10.jpg" class="v0" />vertical-align:50%的效果。</p>
<p><img src="//image.zhangxinxu.com/image/study/s/s128/mm10.jpg" class="v1" />vertical-align:-50%的效果。</p>

效果：

未设置vertical-align百分比值的效果。

vertical-align:50%的效果。

vertical-align:-50%的效果。