图片在浏览器中底部对齐 解决方法之一


Posted in Javascript onNovember 30, 2011

style="vertical-align:bottom;"不管用,上网搜索说要用js实现,找了个代码,测试不成功,主要是代码太多太乱没法心情测试了。
于是就自己写吧。

$(function () { 
if ($.browser.msie || $.browser.mozilla || $.browser.opera) {//IE 火狐 Opera之类浏览器 
$(".productli img").each(function () { 
var margin = 120 - $(this).height(); 
$(this).css("margin-top", margin + "px"); 
}); 
} 
if ($.browser.safari) {//如果是苹果或chrome浏览器 
$(".productli img").load(function () { 
var margin = 120 - $(this).height(); 
$(this).css("margin-top", margin + "px"); 
}); 
} 
})

经测试以下浏览器通过
IE6、 IE8、Chrome、 Opear、 FireFox、 QQ浏览器、 360、 傲游、 苹果
百度之类IE内核的就没测了肯定能用。
期待更精简代码出现。

Javascript 相关文章推荐
深入理解JavaScript系列(41):设计模式之模板方法详解
Mar 04 Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 Javascript
javascript中setInterval的用法
Jul 19 Javascript
javascript适合移动端的日期时间拾取器
Nov 10 Javascript
第十篇BootStrap轮播插件使用详解
Jun 21 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
JavaScript函数节流的两种写法
Apr 07 Javascript
jsonp跨域请求详解
Jul 13 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
vue增加强缓存和版本号的实现方法
May 01 Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 Javascript
梳理一下vue中的生命周期
Dec 30 Vue.js
用Javascript评估用户输入密码的强度实现代码
Nov 30 #Javascript
用Javascript评估用户输入密码的强度(Knockout版)
Nov 30 #Javascript
Ubuntu 11.10 安装Node.js的方法
Nov 30 #Javascript
JavaScript中数组的排序、乱序和搜索实现代码
Nov 30 #Javascript
js常用代码段整理
Nov 30 #Javascript
firebug的一个有趣现象介绍
Nov 30 #Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
Nov 30 #Javascript
You might like
php+ajax实时刷新简单实例
2015/02/25 PHP
PHP实现的oracle分页函数实例
2016/01/25 PHP
利用jQuery实现可以编辑的表格
2014/05/26 Javascript
基于jQuery的图片不完全按比例自动缩小
2014/07/11 Javascript
基于jquery实现ajax无刷新评论
2020/08/19 Javascript
javascript弹出窗口中增加确定取消按钮
2016/06/24 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
BootStrap表单控件之文本域textarea
2017/05/23 Javascript
vuex学习之Actions的用法详解
2017/08/29 Javascript
vue中axios解决跨域问题和拦截器的使用方法
2018/03/07 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
vue 修改 data 数据问题并实时显示操作
2020/09/07 Javascript
Pyramid Mako模板引入helper对象的步骤方法
2013/11/27 Python
使用cx_freeze把python打包exe示例
2014/01/24 Python
Python collections模块实例讲解
2014/04/07 Python
python传递参数方式小结
2015/04/17 Python
Python实现购物车购物小程序
2018/04/18 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
Python计算库numpy进行方差/标准方差/样本标准方差/协方差的计算
2018/12/28 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
Python人工智能之路 jieba gensim 最好别分家之最简单的相似度实现
2019/08/13 Python
Python使用type动态创建类操作示例
2020/02/29 Python
英国露营设备和户外服装购物网站:Simply Hike
2019/05/05 全球购物
公司成立感言
2014/01/11 职场文书
产品促销活动策划书
2014/01/15 职场文书
员工培训邀请函
2014/02/02 职场文书
机械专业求职信范文
2014/07/15 职场文书
2014党员学习兰辉先进事迹思想汇报
2014/09/17 职场文书
2014矛盾纠纷排查调处工作总结
2014/12/09 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP