AI 助理
备案控制台
开发者社区 问答 正文

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 1594 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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
    赞同 展开评论
问答分类：
JavaScript 前端开发
问答标签：
jQuery CSS CSS jquery
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
CSS3/JQuery有哪些学常见选择器呀？
498
1
0
jQuery查找、移除、生效CSS类：报错
605
1
0
如何使用 jQuery 和 CSS3 创建一个日历控件- 前端报错
13463
1
0
如何使用 jQuery 和 CSS3 创建一个日历控件：报错
956
1
0
jQuery查找、移除、生效CSS类 - jQuery报错
481
1
0
jQuery查找、移除、生效CSS类403.10 禁止访问：配置无效
612
1
0
jquery怎么修改css
1655
1
0
jquery的.css设置怎么产生渐变？
1931
1
0
jquery这段代码如何只用一个Css函数来写？
2423
2
0
jquery 添加 css 后 hover样式失效
2684
1
0