关于popOver组件放img标签垂直居中的问题

哈哈哈哈哈哈哈 · 发表于 2017-5-9 17:29:58

我在popOver里面放了一个img标签我js获取到图片的url，赋值到popOver的img设置的img宽为100%。点开放大图片，第一次放大图标显示一半且下对其第二次图片就正常的显示在正中间了。请问这是为什么。position是center。停靠方向是auto！急！！！。尝试给img标签设置margin-top为图片尺寸的一半，无效！有没有好的解决方法？？？？？？？？？

liangyongfei · 发表于 2017-5-9 17:35:05

第一次显示一半，第二次就正常了？？不确定原因
你F12 调试看下第一次和第二次打开的时候，生成的dom节点有何差异？？运行时的样式有何差异呢？

哈哈哈哈哈哈哈 · 发表于 2017-5-10 14:05:08

第一次的x-popOver-content的margin值和第二次的打开的margin值不一样。
已经找到解决方法
$("#pinch").attr("src",url);
var img=document.getElementById("pinch");
var height=img.offsetHeight;
document.getElementById("popcontent").style.marginTop ="-"+(height/2)+"px";

liangyongfei · 发表于 2017-5-10 14:07:50

哈哈哈哈哈哈哈发表于 2017-5-10 14:05
第一次的x-popOver-content的margin值和第二次的打开的margin值不一样。
已经找到解决方法
$("#pinch").at ...

x5 开发的功能不建议使用 id
建议使用 this.getElementByXid('xid') 获取dom节点

哈哈哈哈哈哈哈 · 发表于 2017-5-10 16:30:04

好的谢谢~~~~~~~

郝绪真 · 发表于 2019-2-21 15:26:35

哈哈哈哈哈哈哈发表于 2017-5-10 14:05
第一次的x-popOver-content的margin值和第二次的打开的margin值不一样。
已经找到解决方法
$("#pinch").at ...

请问再啥事件里写啊

郝绪真 · 发表于 2019-2-21 15:31:13

哈哈哈哈哈哈哈发表于 2017-5-10 14:05
第一次的x-popOver-content的margin值和第二次的打开的margin值不一样。
已经找到解决方法
$("#pinch").at ...

再哪个事件写

		自动登录	找回密码
密码			注册

[结贴] 关于popOver组件放img标签垂直居中的问题