属性：vertical-align: middle; <img src="../assets/电子名片.png" alt="图片加载失败" style=" width: 50px; vertical-align: middle; margin-left: 20px; margin-right: 20px; "
此前给大家推荐了一个纯css实现div容器内
图片
、
文字
上下
居中
的效果，缺点是采用了部分css3样式，兼容性较差，相关链接：纯css实现div容器内
图片
上下
左
右
居中
效果
今天特意在网上找到了一款插件--jquery.valign，可控制
图片
、
文字
在div容器内
垂直
上对齐、
居中
、底部对齐三种效果，使用方法：
1、调用jquery库以及本插件
2、jquery方法调用，如本案例第22、23行
使用说明：
外侧div容器必须固定高度，否则js无法判断距离。
控制
图片
（
文字
）外侧的html代码，如本例中的span标签，不能是内联，如是，则必须写成块状，例如11行 虽然调用
图片
、
文字
的方法一样，但是建议分开写css、js以及调用方法，不然会出现js判断高度bug问题 方法简单实用，兼容性良好。
例如调用方法：
$('.main span').valign({'unit':'px','valignTo':'middle'});
默认
居中
：$('.main span').valign();
<img src="/web/http://www.itokit.com/bbs/images/Picnicker/logo.gif align="属性值" />
其中align的“属性值”可以为以下表中的其中一项值！
成员名称 说明
AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。
AbsMiddle 图像的中间与同一行中最大元素的中间对齐...
<div style="text-align: center;overflow: hidden;width: 50%;float: left;"><img src="https://us03-imgcdn.ymcart.com/48281/2020/06/06/2/e/2e05bef678a90ca1.jpg"></div>
<div style="float: left;width: 50%;display: table;height: 210px;">.
<div class='set-div'> <div class='d1-title-left'>
<img src='http://7xiyf9.com1.z0.glb.clouddn.com/activity/16/0819/D4@2x.png'>
<span cla...
当需要将
图片
右
侧
文字
垂直
居中
显示时，可以使用标签的align属性，将align设置为AbsMiddle 即可。align其他值的作用如下：
AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。
AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
Baseline 图像的下边缘与第一行文本的下边缘对齐。
Bottom 图像的
3.现在问题是如何使
右
侧的
文字
居中
：（利用flex布局实现）
①在row中设置：display：flex
②在里面的col-md-6 设置其分别占据一半的width；flex：0 0 50%；
如下图所以：height高度已经搞定
③给其加margin-bottom，marg...
