右侧盒子内容根据左侧盒子高度的变化垂直居中
<style>
img { border: 0px none; vertical-align: middle; } .recipeStep .Step_img{ width: 260px; display: inline-block; } .recipeStep .Step_img img { width: 220px; height: 100px; background: red; } .recipeStep .Step_words{ width: 370px; display: inline-block; vertical-align: middle; color: #666; font-size: 16px; } </style> <div class="recipeStep"> <div class="Step_words"> <a href="javascript:;">123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</a> </div> <div class="Step_img"><img src="http://i3.meishichina.com/attachment/recipe/201111/18/p320_201111181304588.JPG"></div> </div>
js,jquery,php,python

浙公网安备 33010602011771号