图像不工作的 iframe align="middle"

Question

我有一个动态填充数据的表单。表格在 iframe 中。 问题是表单出现在网页的左侧。我正在尝试将其与页面中心对齐。当我做 padding-left:13% 时，它移到了中心，但是当我降低屏幕分辨率时，表单带有滚动条，左侧有 13% 为空。 我也使用了 iframe align="middle" 即使数据没有居中对齐。

<div align="center" ng-show="viewForm" style="width:100%">
    <iframe ng-if="formType=='formABC'" style="height: 429px;width:100%" align="middle" src="{{'claims/ClaimView/formABC.html}}"></iframe>
</div>

请提出建议。

Answer 1

转到 css 类或 id 并使用它来居中：

idOrClass{
  margin-left: auto;
  margin-right: auto;
  }