弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 2605|回复: 0

【jQuery】图片始终保持在中间

[复制链接]
发表于 2018-3-19 21:39:42 | 显示全部楼层 |阅读模式
下面是随屏幕宽度,图片自适应在中间段,两边截去或留空
$(".red img").load(function(){
   jQuery(this).css("margin-left", (jQuery(window).width() - jQuery(this).width()) / 2);
})
注意2点:
1、类red的CSS要设置overflow:hidden
2、一定要等待图片装载完,否则jQuery(this)或$(".red img")的图片获取的宽度值为0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-24 02:44 , Processed in 0.079725 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表