IFrame不是中心对齐的

时间:2015-05-12 13:23:14

标签: css html5 razor

我正在使用以下Outlook代码,它在我的网站中嵌入了Outlook日历,但默认情况下它与左边对齐。你可以告诉我,让它与屏幕对齐。

由于

我正在使用的代码是

<style unselectable="on">
#wrap {
width:1000px;
height:900px;
padding:0;
position:relative;
left:0px;
top:0px;
overflow:hidden;
}
#frame {
width:1000px;
height:900px;
position:relative;
left:0px;
top:0px;
}
#frame {
-ms-zoom:0.7;
}
</style>
<div id="wrap" unselectable="on">
    <iframe id="frame" src="[paste in here the link that outlook.com provides for you ... in between the quotes and without the brackets]"></iframe>
</div>

2 个答案:

答案 0 :(得分:1)

将此行添加到css中的#wrap

margin: 0px auto;

请参阅jsFiddle

答案 1 :(得分:1)

用于居中对齐设置边距:0自动到它的父级(如果父级在px中有宽度)或iframe。

#wrap {
width:1000px;
height:900px;
padding:0;
position:relative;
left:0px;
top:0px;
overflow:hidden;
margin:0 auto;
}