当我在当前窗口中打开图像时,如何居中图像

时间:2016-02-18 13:44:29

标签: javascript html css

我的图像居中问题。我点击它在当前窗口中打开图像,但看起来不对.. 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;,最后一个元素显示错误..

1 个答案:

答案 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 {
};