我的图像居中问题。我点击它在当前窗口中打开图像,但看起来不对.. How it looks now
我该如何解决? 这是我的html标记:
<div id="bgdiv"></div>
<img src="" onclick="expand(this);"... />
这是我的js方法:
expand = function (a) {
var me = a.src;
$(a).after("<img src=" + me + " id='2rmv' />");
$('#2rmv').css({
'position': 'absolute',
'width': '500px !important',
'height': '400px !important',
'right': '1%',
'z-index': '10001',
'display': 'block',
'border': '2px groove white',
'border-radius': '10px'
});
$('#bgdiv').css({
'background-color': 'black',
'height': '100%',
'text-align': 'center',
'left': '0px',
'opacity': '0.7',
'position': 'fixed',
'top': '0px',
'width': '100%',
'z-index': '10000'
});
$('#bgdiv').on('click', function () {
$('#bgdiv').removeAttr("style");
$('#2rmv').remove();
});
};
如果我添加&#39; left&#39;参数而不是&#39;右&#39;,最后一个元素显示错误..
答案 0 :(得分:2)
一个非常快速的谷歌搜索在10秒内给了我以下答案:
将以下css应用于您的图片div:
// Only pure virtual functions here
class Interface {
public:
virtual void foo() = 0;
};
// Things shared between implementations
class AbstractBase : public Interface {
};
class ImplementationA : public AbstractBase {
};
class ImplementationB : public AbstractBase {
};