vertical-align与百分值实例页面
代码:
CSS代码:
body{line-height:1.5;} .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%的效果。