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

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内核的就没测了肯定能用。期待更精简代码出现。

　　推荐阅读

　　js滚动条回到顶部的代码

虽然平滑性处理的不好，但非常适合学习复制代码代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Ty>>>详细阅读

本文标题：图片在浏览器中底部对齐解决方法之一

地址：http://www.17bianji.com/kaifa2/JS/23861.html

1/2 1

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

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