vertical-align负值与margin-bottom负值的差异实例页面

回到相关文章 »

代码:

CSS代码:
.test_box {
    width: 45%;
    float: left;
    margin-right: 1%;
    background-color: #f0f3f9;
}
.mb-200 {
    margin-bottom: -200px;
}
.va-200 {
    vertical-align: -200px;
}
                
HTML代码:
<div class="test_box">
    <img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" class="mb-200" />张含韵
</div>
<div class="test_box">
    <img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" class="va-200" />张含韵
</div>
                

效果:

张含韵
张含韵