One of the solutions to align images at the bottom in the browser_jquery

style="vertical-align:bottom;" didn't work. I searched online and said that it needs to be implemented using js. I found a code, but the test was unsuccessful. The main reason was that the code was too much and too messy to be in the mood to test.
So just write it yourself.

Copy code The code is as follows:

$(function () {
if ($ .browser.msie || $.browser.mozilla || $.browser.opera) {//IE Firefox Opera and other browsers
$(".productli img").each(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin "px");
});
}
if ($.browser.safari) {//If it is an Apple or Chrome browser
$(".productli img").load(function () {
var margin = 120 - $(this).height( );
$(this).css("margin-top", margin "px");
});
}
})

After testing, the following browsers pass
IE6, IE8, Chrome, Opear, FireFox, QQ Browser, 360, Maxthon, Apple
Baidu and other IE core ones have not been tested and will definitely work.
Looking forward to more streamlined code.