browser_jquery 하단에 이미지를 정렬하는 솔루션 중 하나

style="vertical-align:bottom;"이 안되더라구요.. 인터넷에 검색해보니 js로 구현해야 한다고 하더군요. 그런데 코드가 너무 많아서 테스트가 실패했습니다. 테스트할 기분이 되기에는 너무 지저분합니다.
그럼 직접 써보세요.

코드 복사 코드는 다음과 같습니다.

$(function () {
if ($ .browser.msie || $.browser.mozilla || $.browser.opera) {//IE Firefox Opera 및 기타 브라우저
$(".productli img").each(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin "px")
}
if ($.browser.safari) {//Apple 또는 Chrome 브라우저인 경우
$(".productli img").load(function () {
var margin = 120 - $(this) .height( );
$(this).css("margin-top", margin "px")
}
})

테스트 후 다음 브라우저는
IE6, IE8, Chrome, Opear, FireFox, QQ Browser, 360, Maxthon, Apple
Baidu 및 기타 IE 핵심 브라우저는 테스트되지 않았으며 확실히 작동할 것입니다.
더욱 간소화된 코드를 기대합니다.