css盒子之间的缝隙问题：

css盒子之间的缝隙问题：
开发过程中，遇到一个小问题，就是上下两个盒子之间有缝隙，图中红色标记部分，dom结构为

<!-- 图片的显示 -->
 <div>
   <!-- vertical-align: top; -->
   <img style="max-width:100%;height:100%;vertical-align: top;"
   :src="rowView.image">
 </div>
 <!-- 按钮链接的显示 -->
 <div class="father_one">
   <div class="father_one1">
     <el-button round class="btn11">中等按钮</el-button>
     <el-button size="medium" round class="btn12">中等按钮</el-button>
   </div>

   <div class="father_one2">
     <el-button size="medium" round class="btn1">中等按钮</el-button>
     <el-button size="medium" round class="btn2">中等按钮</el-button>
     <el-button size="medium" round>中等按钮</el-button>
   </div>
 </div>

第一个盒子中有一张图片，修改vertical-align属性即可

文章具体参考链接：https://blog.csdn.net/weixin_43585253/article/details/89484509?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163530295316780357223345%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=163530295316780357223345&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_allfirst_rank_ecpm_v1~rank_v31_ecpm-10-89484509.pc_search_result_hbase_insert&utm_term=css%E7%9B%92%E5%AD%90%E4%B9%8B%E9%97%B4%E6%9C%89%E7%A9%BA%E9%9A%99&spm=1018.2226.3001.4187