1:
- <div style="width:400px;height:200px;background:#000;color:#f00;display:table">
- <div style="display:table-cell;overflow:hidden;vertical-align:middle;text-align:center">
- iframe 自适应 iframe 自适应 ifram
- </div>
- </div>
2:
- <div style="width:400px;height:200px;background:#000;color:#f00;position:relative">
- <div style="position: absolute;;left:50%;top:50%;
- -webkit-transform: translate(-50%,-50%);
- -ms-transform: translate(-50%,-50%);
- -o-transform: translate(-50%,-50%);
- transform: translate(-50%,-50%);">
- iframe 自适应 iframe 自适应 ifram
- </div>
- </div>
3:
- <div style="width:400;height:300px;display:flex;background:#000;color:#f00">
- <div style="margin:auto auto">
- iframe 自适应 iframe 自适应 ifram iframe 自适应 iframe 自适应 ifram iframe 自适应 iframe 自适应 ifram iframe 自适应 iframe 自适应 ifram
- </div>
- </div>
来源: http://www.qdfuns.com/article/16039/fe9ad85076b6c28ec18feeadec2e3d1b.html