$('.showImg').click(function(){var src = $(this).prevAll('input').val();layer.open({content:'<img class="content_img" src="'+src+'">',});$("<img/>").attr("src", src).load(function() {//imgSrc是图片地址var realWidth = this.width;//图片宽var realHeight = this.height;//图片高$imgw = realWidth;var w_w = $(window).width(); var w_h = $(window).height(); var go_l = (w_w - realWidth)/2;var go_t = (w_h - realHeight)/2-70;if($imgw >= w_w){//当图片宽大于窗口宽时$imgw = w_w;go_l = 0;$('.content_img').css('width',w_w-40);}$('.layui-layer-dialog').width($imgw).css({'left':go_l,'top':go_t});})});

  

转载于:https://www.cnblogs.com/my2018/p/10260563.html

layey图片内容不居中相关推荐

  1. jquery在html中显示文字居中,jquery单击文字或图片内容放大并居中显示

    我们想要实现的效果是: 点击一张小图,会在页面的居中位置显示一张大图. 使用了animate动画函数,有从小图到大图,从小图位置到居中位置的轨迹. 支持IE7及以上浏览器,火狐.谷歌浏览器. 大图得居 ...

  2. 绝对定位的div图片居中自适应

    需求点 固定定位div中添加图片内容,保证图片垂直居中,并且自适应. 一般在第三方UI组件中,这种布局需求较为常见 解决方案一 (亲测有效) HTML代码: <div class="e ...

  3. 文字图片居中html代码,文字和图片居中的HTML代码怎么写?

    html文字居中和html图片居中方法代码,通过在html中实现文字居中图片居中篇在html中实现文字图片内容居中有三种方法,其中两种使用CSS样式实现,一直使用原始的html标签内加入"a ...

  4. html 屏幕垂直居中显示,页面内容居中设置(水平居中与垂直居中)

    最近做了这些: 我搜集到关于这个主题有很多种方法,但我的理念是条条大道通罗马,但你最好固定一条道走到黑. 不管是在整个页面中居中,还是在BOX里居中,不管是text内容还是图片内容,水平居中都是比较简 ...

  5. html图片不居中,html图片不能居中

    html文字居中和html图片居中方法代码,通过在html中实现文字居中图片居中篇 在html中实现文字图片内容居中有三种方法,其中两种使用CSS样式实现,一直使用原始的html标签内加入" ...

  6. 字体 居中 html代码怎么写,文字和图片居中的HTML代码怎么写?

    HTML 代码 ,怎么将文本/ 图片居中?这是在W3Cschool的编程问答中前端♌蕾儿提出的问题.网友施主同西否给出了详细的解答. html文字居中和html图片居中方法代码,通过在html中实现文 ...

  7. HarmonyOS 字体在自身控件中居中(使用text_alignment)

    要实现的效果就是把字体在控件居中 HarmonyOS  使用的是text_alignment 属性,详细的如下 text_alignment 文本对齐方式 left 表示文本靠左对齐. 可以设置取值项 ...

  8. latex 公式不居中_LaTex小技巧,祝你论文一臂之力!

    LaTex作为常用的排版系统,已深入到大家的工作和学业中.但是很多小伙伴反馈说:LaTex公式编辑复杂.表格处理麻烦等.为此,我们特别收集了一些LaTex的小技巧,希望大家都可以get到! 公式篇 首 ...

  9. css表格文本居中的指令,CSS似乎无法在表格单元中居中文本

    我使用所有此代码,因为它正在更改现有网站的行为和外观,所以我无法触及代码结构(请参阅HTML).我所能碰到的只有CSS(也就是为什么你看到这么多!重要,覆盖) 现在我遇到的问题是我似乎无法将tabe- ...

  10. php 上下位置居中,CSS_css中position:fixed实现div在窗口上下左右居中,上下左右 居中 代码如下 复制 - phpStudy...

    css中position:fixed实现div在窗口上下左右居中 上下左右 居中 代码如下 复制代码代码如下: div{ position:fixed; margin:auto; left:0; ri ...

最新文章

  1. CentOS7下启动Nginx出现Failed to start nginx.service:unit not found
  2. 获取远程服务器代码到本地文件,获取远程服务器代码到本地文件
  3. 2021第一场 | 阿里云高校计划训练营全面升级!0成本体验云计算入门到进阶
  4. mongodb分布式集群搭建手记
  5. http get post java_java发送http的get、post请求实现代码
  6. 分布式Session的几种实现方式
  7. 打印十字图-蓝桥杯历届试题
  8. 在线文本中插入符号工具
  9. java8 stream流操作
  10. C++中的const完全解析
  11. 华硕电脑(博主电脑型号为天选FA506IH)Fn组合键屏幕不显示对应操作的解决办法!!
  12. python给excel排序_python初学—-实现excel里面读数据进行排序
  13. 数组(Java基础内容)
  14. 服务器光纤信号灯lan,光纤猫光信号灯不亮怎么办 光纤猫光信号灯不亮解决方法...
  15. vue用mand-mobile ui做交易所移动版实战示例
  16. Centos7配置阿里云的镜像加速器(2)
  17. Unity 设置程序在后台运行
  18. docker-compose up:ERROR: Encountered errors while bringing up the project.报错问题
  19. Shell攻关之shell基础
  20. 三维视觉论文阅读:RAFT2020双目光流

热门文章

  1. 命令行下修改文件访问控制权限
  2. 从关系型数据库到非关系数据库
  3. 如何在 Mac 上的“磁盘工具”中使用密码加密和保护储存设备?
  4. iOS开发之导航栏(navigationController)透明化
  5. Mac密码管理工具:1Password 7
  6. Mac如何在回收站中恢复丢失数据
  7. 如何将Blocs v2项目迁移到Blocs v3?
  8. Default Folder X几个小技巧分享
  9. Netflix的zuul使用
  10. HTTP缓存原理及相关知识(1)