前端实践（1）——加载显示word文档内容

网页加载显示word文档内容

1.准备好需要加载的文档内容，在视图中选择web版式

2.根据页面大小设置每行显示的文字数量，由于页面布局不同，可能需要进行尝试，在web版式中（在真实网页中），文字在没有换行的情况下，会在同一行中连续显示，因此需要根据情况进行手动换行。

3.将文档另存为.html格式，保存在文件中。

4.在主页面中的body中利用iframe标签加载转换后的文档页面即可。

<iframe class="iframeCss" 
ref="iframe" 			
src="content.html"   //文档页面路径
width="100%" 
height="3000" 
scrolling="no" 		//控制iframe中的内容在页面大小变换后是否产生进度条显示全部内容
frameBorder="0" 
title="title" >
</iframe>

样式设定

<style>
.iframeCss {
 position: relative;
width: 100%;
height: 3000px;
margin-left: 15%;
top: 0px;
z-index: 0;
overflow: visible;	
        }
</style>