此前给大家推荐了一个纯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();
亦可控制内容顶部、中部、底部 分别是 top middle bottom
根据二〇〇二年一月一日《计算机软件保护条例》第十七条规定：为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。
本网站所有发布的源码、软件和资料，均为作者提供或网友推荐收集各大资源网站整理而来，仅供功能验证和学习研究使用。
所有资源的文字介绍均为网络转载，本站不保证相关内容真实可信，同时不保证所有资源100%无错可用，也不提供相应的技术支持，介意勿下。
您必须在下载后24小时内删除，不得用于非法商业用途，不得违反国家法律，一切关于该资源的商业行为与本站无关。
如果您喜欢该程序，请支持正版源码，得到更好的正版服务。、如有侵犯你的版合法权益，请邮件与我们联系处理【投诉/建议发送至邮箱：3066548754@qq.com】，本站将立即改正并删除。
本声明为本站所有资源最终声明，所有与本声明不符的表述均以本声明内容为准。
微咔网 » jquery.valign插件实现图片,文字上下左右垂直居中
