您现在的位置是：首页 >技术交流 >vue中嵌入iframe有白边问题网站首页技术交流

方案一

1. 代码

<iframe
    src="../../../../static/onDutyDisposal/index.html"
    class="dashboard-container"
    style="width: 100%; height: 100%;dispaly:block;"
    frameborder="0"
    scrolling="no"
    border="0"
  ></iframe>

2. 参数说明

    给iframe元素使用display：block

    给iframe元素使用vertical-align：bottom

    清除滚动条 scrolling=“no”               no清除   yes显示

    是否显示边框 frameborder=“0”         0不显示 1显示

    设置边框宽度   border="0"

    设置iframe背景透明    allowtransparency="true"

    frameborder="":框架边框；

    width="" 框架的宽度。

    height="" 框架的高度。

    marginwidth="" 规定框架左边和右边的空白距离。

    marginheight="" 规定框架内容上边和下边之间的高度。

方案二

如果引入的是html文件，找到iframe引入的html文件，检查元素，在html文件中新建style标签，修改html的样式（修改要加   !important;）