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


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 相关文章推荐
utf-8编码引起js输出中文乱码的解决办法
Jun 23 Javascript
jQuery中jqGrid分页实现代码
Nov 04 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
Jul 09 Javascript
JS正则表达式大全(整理详细且实用)
Nov 14 Javascript
纯javascript制作日历控件
Jul 17 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 Javascript
js实现简单的计算器功能
Jan 16 Javascript
基于vue实现多引擎搜索及关键字提示
Mar 16 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
vue-cli配置全局sass、less变量的方法
Jun 06 Javascript
用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 不错的学习资料
2009/02/06 PHP
探讨PHP使用eAccelerator的API开发详解
2013/06/09 PHP
浅析PHP绘图技术
2013/07/03 PHP
支持png透明图片的php生成缩略图类分享
2015/02/08 PHP
讲解WordPress中用于获取评论模板和搜索表单的PHP函数
2015/12/28 PHP
JS 建立对象的方法
2007/04/21 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
utf-8编码引起js输出中文乱码的解决办法
2010/06/23 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
Jquery时间验证和转换工具小例子
2013/07/01 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
2020/04/20 Javascript
14 个折磨人的 JavaScript 面试题
2016/08/08 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
React Native实现进度条弹框的示例代码
2017/07/17 Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
2017/08/17 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
vue实现压缩图片预览并上传功能(promise封装)
2019/01/10 Javascript
layui 弹出层回调获取弹出层数据的例子
2019/09/02 Javascript
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
Vue路由权限控制解析
2020/11/09 Javascript
Python编程对列表中字典元素进行排序的方法详解
2017/05/26 Python
python:print格式化输出到文件的实例
2018/05/14 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
PyTorch里面的torch.nn.Parameter()详解
2020/01/03 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
浅谈pytorch中的BN层的注意事项
2020/06/23 Python
python 简单的调用有道翻译
2020/11/25 Python
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
Java基础类库面试题
2013/09/04 面试题
辛德勒的名单观后感
2015/06/03 职场文书
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android