我有一个被 div 元素包围的 iframe,我只是想将它始终定位在中心。这是我的 jsfiddle 成果: jsfiddle
并坚信有人可以提供帮助,因为我确信这确实很简单,但我就是看不到。
这是 HTML 本身:
<div id="top-element">Some div that has greater width than the inner div</div>
<div id="iframe-wrapper">
<iframe src="http://www.apple.com/" scrolling="auto"></iframe>
</div>
原文由 mathinvalidnik 发布,翻译遵循 CC BY-SA 4.0 许可协议
中心 iframe
编辑:FLEX 解决方案
使用
display: flex
在<div>
JSFiddle: https ://jsfiddle.net/h9gTm/867/
一种解决方案是:
JSFiddle: https://jsfiddle.net/h9gTm/
编辑:添加了垂直对齐
CSS:
JSFiddle: https ://jsfiddle.net/h9gTm/1/