开发者社区> 问答> 正文

jQuery CSS求助 No.2

已知:

<ul>
    <li><img src="#"></li>
    <li><img src="#"></li>
    <li><img src="#"></li>
    <li><img src="#"></li>
    <li><img src="#"></li>
    <li><img src="#"></li>
    ……
</ul>

n个li,其中的图片宽度都一样,而高度不统一

求助:

如果图片高度大于200px,用jQuery完成图片属性增加

style="position:relative; top:-((图片高度-200)/2)px"

展开
收起
小旋风柴进 2016-03-24 09:05:03 1494 0
1 条回答
写回答
取消 提交回答
  • $('ul li img').each(function (index, item) {
          this.onload = function () {
            var img_height = $(this).height();
            if (img_height > 200) {
              $(this).css({position: 'relative', top: -((img_height - 200) / 2) + 'px'})
            }
          };
        })
    2019-07-17 19:11:51
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
23-Vue.js在前端...1506518547.pdf 立即下载
JS零基础入门教程(上册) 立即下载