当前位置:首页 » 网页前端 » web页脚设置
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web页脚设置

发布时间: 2022-05-08 17:56:44

1. 如何将页脚固定在页面底部

作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见。那么如何将Web页面的“footer”部分永远固定在页面的底部呢?

注意了这里所说的是页脚footer永远固定在页面的底部,而不是永远固定在显示器屏幕的底部,换句话说,就是当内容只有一点点时,Web页面显示在浏览器底部,当内容高度超过浏览器高度时,Web页面的footer部分在页面的底部,总而言之Web页面的footer部分永远在页面的底部,换句说,Footer部分永远沉底。如下图所示:

方法一:

首先我们来看第一种方法,这种方法是来自于Matthew James Taylor的《How to keep footers at the bottom of the page》。下面我们就一起来看看Matthew James Taylor介绍的方法。

HTML Markup

<div id="container">

<div id="header">Header Section</div>

<div id="page" class="clearfix">

页面容容部分

</div>

<div id="footer">Footer Section</div>

</div>


其实我们可以在div#page增加所需的内容结构,如下所示:


<div id="container">

<div id="header">Header Section</div>

<div id="page" class="clearfix">

<div id="left">Left Sidebar</div>

<div id="content">Main content</div>

<div id="right">Right sidebar</div>

</div>

<div id="footer">Footer Section</div>

</div>

真正来说,实现这页脚永远固定在页面的底部,我们只需要四个div,其中div#container是一个容器,在这个容器之中,我们包含了div#header(头部),div#page(页面主体部分,我们可以在这个div中增加更多的div结构,如上面的代码所示),div#footer(页脚部分)

CSS Code


html,body {

margin: 0;

padding:0; height: 100%;

}

#container {

min-height:100%;

height: auto !important;

height: 100%; /*IE6不识别min-height*/

position: relative;

}

#header {

background: #ff0;

padding: 10px;

}

#page {

width: 960px;

margin: 0 auto;

padding-bottom: 60px;/*等于footer的高度*/

}

#footer {

position:

absolute;

bottom: 0;

width: 100%;

height: 60px;/*脚部的高度*/ background: #6cf;

clear:both;

}

/*=======主体内容部分=======*/

#left {

width: 220px;

float: left;

margin-right: 20px;

background: lime;

}

#content {

background: orange;

float: left;

width: 480px;

margin-right: 20px;

}

#right{

background: green;

float: right;

width: 220px;

}


下面我们一起来看看这种方法的实现原理:

1. <html>和<body>标签:html和body标签中必须将高度(height)设置为“100%”,这样我们就可以在容器上设置百分比高度,同时需要将html,body的margin和padding都移除,也就是html,body的margin和padding都为0;

2. div#container容器:div#container容器必须设置一个最小高度(min-height)为100%;这主要使他在内容很少(或没有内容)情况下,能保持100%的高度,不过在IE6是不支持min-height的,所以为了兼容IE6,我们需要对min-height做一定的兼容处理,具体可以看前面的代码,或者阅读Min-Height Fast Hack了解如何解决min-height在Ie6下的bug问题。另外我们还需要在div#container容器中设置一个”position:relative”以便于里面的元素进行绝对定位后不会跑了div#container容器;

3.div#page容器:div#page这个容器有一个很关键的设置,需要在这个容器上设置一个padding-bottom值,而且这个值要等于(或略大于)页脚div#footer的高度(height)值,当然你在div#page中可以使用border-bottom人水-width来替代padding-bottom,但有一点需要注意,此处你千万不能使用margin-bottom来代替padding-bottom,不然会无法实现效果;

4. div#footer容器:div#footer容器必须设置一个固定高度,单位可以是px(或em)。div#footer还需要进行绝对定位,并且设置bottom:0;让div#footer固定在容器div#container的底部,这样就可以实现我们前面所说的效果,当内容只有一点时,div#footer固定在屏幕的底部(因为div#container设置了一个min-height:100%),当内容高度超过屏幕的高度,div#footer也固定在div#container底部,也就是固定在页面的底部。你也可以给div#footer加设一个”width:100%”,让他在整个页面上得到延伸;

5. 其他div:至于其他容器可以根据自己需求进行设置,比如说前面的div#header,div#left,div#content,div#right等。

优点:

结构简单清晰,无需js和任何hack能实现各浏览器下的兼容,并且也适应iphone。

缺点:

不足之处就是需要给div#footer容器设置一个固定高度,这个高度可以根据你的需求进行设置,其单位可以是px也可以是em,而且还需要将div#page容器的padding-bottom(或border-bottom-width)设置大小等于(或略大于)div#footer的高度,才能正常运行。

上面就是Matthew James Taylor介绍的如何实现页脚永远固定在页面的底部,如果大家感兴趣可以阅读原文,也可以直接点击这里查看Demo。

方法二:

这种方法是利用footer的margin-top负值来实现footer永远固定在页面的底部效果,下面我们具体看是如何实现的。

HTML Markup


1

2

3

4

<div id="container">

<div id="page">Main Content</div>

</div>

<div id="footer">footer</div>


上面的代码是最基本的HTML Code,同时你也发现了div#footer和div#container是同辈关系,不像方法一,div#footer在div#container容器内部。当然你也可以根据你的需要把内容增加在div#container容器中,如:一个三列布局,而且还带有header部分,请看下面的代码:


<div id="container">

<div id="header">Header Section</div>

<div id="page" class="clearfix">

<div id="left">Left sidebar</div>

<div id="content">Main content</div>

<div id="right">Right sidebar</div>

</div>

</div>

<div id="footer">Footer section</div>

CSS Code


html,

body {

height: 100%;

margin: 0;

padding: 0;

}

#container {

min-height: 100%;

height: auto !important;

height: 100%;

}

#page {

padding-bottom: 60px;/*高度等于footer的高度*/

}

#footer {

position: relative;

margin-top: -60px;/*等于footer的高度*/

height: 60px;

clear:both;

background: #c6f;

}

/*==========其他div==========*/

#header {

padding: 10px;

background: lime;

}

#left {

width: 18%;

float: left;

margin-right: 2%;

background: orange;

}

#content{

width: 60%;

float: left;

margin-right: 2%;

background: green;

}

#right {

width: 18%;

float: left;

background: yellow;

}


方法一和方法二有几点是完全相同的,比如说方法一中的1-3三点,在方法二中都一样,换句话说,方法二中也需要把html,body高度设置为100%,并重置margin,padding为0;其二div#container也需要设置min-height:100%,并处理好IE6下的min-height兼容问题;其三也需要在div#page容器上设置一个padding-bottom或border-bottom-width值等于div#footer高度值(或略大于)。那么两种方法不同之处是:

1. div#footer放在div#container容器外面,也就是说两者是同级关系,如果你有新元素需要放置在与div#container容器同级,那你需要将此元素进行绝对定位,不然将会破坏div#container容器的min-height值;

2. div#footer进行margin-top的负值设置,并且此值等于div#footer的高度值,而且也要和div#page容器的padding-bottom(或border-bottom-width)值相等。

优点:

结构简单清晰,无需js和任何hack能实现各浏览器下的兼容。

缺点:

要给footer设置固定值,因此无法让footer部分自适应高度。

大家要是对这种方法感兴趣,你也可以浏览一下《CSS Sticky Footer》和《Pure Css Sticky Footer》,或者直接点击Demo查看其源代码。

方法三:

实现在页脚永远固定在页面底部的方法有很多,但是有很多方法是需要使用一些hack或借助javaScrip来实现,那么接下来要说的方法三,仅仅使用了15行的样式代码和一个简单明了的HTML结构实现了效果,并且兼容性强,别的不多说,先看代码。

HTML Code


<div id="container">

<div id="page">Your Website content here.</div>

<div class="push"><!-- not have any content --></div>

</div>

<div id="footer">Footer Section</div>


上面是最基本的HTML Markup,当然你也可以加上新的内容,不过有一点需要注意如果你在div#container和div#footer容器外增加内容的话,新加进徕的元素需要进行绝对定位。如如说你可以在div#container容器中加上你页面所需的元素

HTML Code


<div id="container">

<div id="header">Header Section</div>

<div id="page" class="clearfix">

<div id="left">Left sidebar</div>

<div id="content">Main Content</div>

<div id="right">Right Content</div>

</div> <div class="push"><!-- not put anything here -->

</div>

</div> <div id="footer">Footer Section</div>

CSS Code


html,

body{

height: 100%;

margin:0;

padding:0;

}

#container {

min-height: 100%;

height: auto !important;

height: 100%;

margin: 0 auto -60px;/*margin-bottom的负值等于footer高度*/

} .push,

#footer {

height: 60px;

clear:both;

}

/*==========其他div效果==========*/

#header {

padding: 10px;

background: lime;

}

#left {

width: 18%;

float: left;

margin-right: 2%;

background: orange;

}

#content{

width: 60%;

float: left;

margin-right: 2%;

background: green;

}

#right {

width: 18%;

float: left;

background: yellow;

}

#footer {

background: #f6c;

}


跟前面两种方法相比较,方法三更类似于方法二,他们都将div#footer放在div#container容器之外,而且这个方法在div#container容器中还增加了一个div.push用来把div#footer推下去,下面我们就一起看看这种方法是怎么实现页脚永远固定在页面底部的。

1. <html>和<body>标签:html,body标签和前两种方法一样,需要设置“height:100%”并重置“margin”和“padding”为0;

2. div#container:方法三关键部分就在于div#container的设置,首先需要设置其最小高度(min-height)为100%,为了能兼容好IE6,需要对min-height进行兼容处理(具体处理方法看前面或代码)另外这里还有一个关键点在div#container容器上需要设置一个margin-bottom,并且给其取负值,而且值的大小等于div#footer和div.push的高度,如果div#footer和div.push设置了padding和border值,那么div#container的margin-bottom负值需要加上div#footer和div.push的padding和border值。也就是说“div#container{margin-bottom:-[div#footer的height+padding+border]或者-[div.push的height+padding+border]}”。一句话来说:div#container的margin-bottom负值需要和div#footer以及div.push的高度一致(如果有padding或border时,高度值需要加上他们);

3. div.push:在div.push中我们不应该放置任何内容,而且这个div必须放置在div#container容器中,而且是最底部,并且需要设置其高度值等于div#footer的值,最好加上clear:both来清除浮动。div.push容器在此处所起的作用就是将footer往下推。

4. div#footer容器:div#footer容器和方法二一样,不能放到div#container内部,而和div#container容器同级,如果需要设置元素和footer之间的间距,最好使用padding来代替margin值。

优点:

简单明了,易于理解,兼容所有浏览器。

缺点:

较之前面的两种方法,多使用了一个div.push容器,同样此方法限制了footer部分高度,无法达到自适应高度效果。

如果大家对方法三想了解更多可以点击这里或者直接从DEMO中下载代码自己研究一下。

方法四:

前面三种方法我们都不需要任何javaScript或jQuery的帮助,让我们实现了页脚永远固定在页面底部的效果,前面三种方法虽然没有使用jQuery等帮助,但我们都额外增加了HTML标签来实现效果。如果你省略了这些HTML标签,再要实现效果就比较困难了,那么此时使用jQuery或javaScript方法来帮助实现是一种很好的办法,下面我们就一起来看第四种方法,通过jQuery来实现页脚永远固定在页面底部的效果。

HTML Markup


<div id="header">Header Section</div>

<div id="page" class="clearfix">

<div id="left">Left sidebar</div>

<div id="content">Main Content</div>

<div id="right">Right Content</div>

</div>

<div id="footer">Footer Section</div>


这里我们没有增加没用的HTML标签,此时你也可以随时在body中增加内容,只要确保div#footer是在body最后面。


<div id="footer">Footer Section</div>


CSS Code


*{margin: 0;padding:0;}

.clearfix:before,

.clearfix:after {

content:"";

display:table;

}

.clearfix:after {

clear:both;

}

.clearfix {

zoom:1; /* IE <8 */

}

#footer{

height: 60px;

background: #fc6;

width: 100%;

}

/*==========其他div==========*/

#header {

padding: 10px;

background: lime;

}

#left {

width: 18%;

float: left;

margin-right: 2%;

background: orange;

}

#content{

width: 60%;

float: left;

margin-right: 2%;

background: green;

}

#right {

width: 18%;

float: left;

background: yellow;

}


这个方法不像前面三种方法靠CSS来实现效果,这里只需要按正常的样式需求写样式,不过有一点需要特别注意在html,body中不可以设置高度height为100%,否则此方法无法正常运行,如果你在div#footer中设置了一个高度并把宽度设置为100%将更是万无一失了。

jQuery Code


<script type="text/javascript">

// Window load event used just in case window height is dependant upon images

$(window).bind("load", function() {

var footerHeight = 0,

footerTop = 0,

$footer = $("#footer");

positionFooter();

//定义position Footer function

function positionFooter() {

//取到div#footer高度

footerHeight = $footer.height();

//div#footer离屏幕顶部的距离

footerTop = ( $(window).scrollTop()+$(window).height()-footerHeight)+"px";

/* DEBUGGING STUFF

console.log("Document height: ", $(document.body).height());

console.log("Window height: ", $(window).height());

console.log("Window scroll: ", $(window).scrollTop());

console.log("Footer height: ", footerHeight);

console.log("Footer top: ", footerTop); console.log("-----------")

*/

//如果页面内容高度小于屏幕高度,div#footer将绝对定位到屏幕底部,否则div#footer保留它的正常静态定位

if ( ($(document.body).height()+footerHeight) < $(window).height()) {

$footer.css({

position: "absolute"

}).stop().animate({

top: footerTop

});

} else {

$footer.css({

position: "static"

});

}

}

$(window).scroll(positionFooter).resize(positionFooter);

});

</script>


使用上面的jQuery代码,可以轻松的帮我们实现页脚永远固定在页面底部,使用这种方法有几个地方需要注意

1. 确保正常引入了jQuery版本库,并正常调入了上面那段jQuery代码;

2. 确保<div id=”footer”>是在body中最后;

3. 确保在html,body中没有设置高度为100%。

优点:

结构简单,无需外加无用标签,兼容所有浏览器,不用另外写特别样式。页脚可以不固定高度。

2. Web打印,如何去掉页眉页脚,和实现打印预览功能,我的代码如下

1.直接在IE中进行设置

点击菜单->文件->页面设置,在弹出的窗口中把页眉页脚清空

2.注册表设置

在注册表中,进入 HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup,把Header和footer两项的值清空

3.使用客户端JavaScript脚本实现

脚本代码如下:

<script language="javascript">

var hkey_root,hkey_path,hkey_key;
hkey_root="HKEY_CURRENT_USER";
hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\" ;
//设置网页打印的页眉页脚为空
function pagesetup_null(){

try{
var RegWsh = new ActiveXObject("WScript.Shell");
hkey_key="header" ;
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"") ;
hkey_key="footer" ;
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"") ;
}catch(e){}
}
//设置网页打印的页眉页脚为默认值
function pagesetup_default(){
try{
var RegWsh = new ActiveXObject("WScript.Shell");
hkey_key="header";
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P") ;
hkey_key="footer" ;
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d") ;
}catch(e){}
}
</script>

可以使用onload,onchange等来激发脚本代码

但要注意,要设置IE权限,使之可以更改注册表设置

页面有两个按钮:打印预览按钮和导出excel文件按钮

3. 用web打印时 只显示网址不显示时间 页面设置中怎么设置

1、在需要打印的网页空白位置点击右键,在弹出菜单中选择“打印”菜单项。

4. c#web窗体设计,如何定义页眉和页脚

页眉页脚是word里面的吧

5. web怎么固定页脚,把页面脚注固定到底部,代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登陆</title>
<link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<style type="text/css">
.footer{
position:fixed;
bottom:0;
z-index:9999
}
</style>
</head>
<body>
<div data-role="page" id="page">
<div data-role="header">
<h1>第 1 页</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li><a href="#page2">第 2 页</a></li>
<li><a href="#page3">第 3 页</a></li>
<li><a href="#page4">第 4 页</a></li>
</ul>
</div>
<div data-role="footer">
<h4>页面脚注</h4>
</div>
</div>

<div data-role="content">
<div data-role="header">
<h1>第 2 页</h1>
</div>
<div data-role="page" id="page2">
内容
</div>
<div data-role="footer">
<h4>页面脚注</h4>
</div>
</div>
<div data-role="page" id="page3">
<div data-role="header">
<h1>第 3 页</h1>
</div>
<div data-role="content">
内容
</div>
<div data-role="footer">
<h4>页面脚注</h4>
</div>
</div>
<div data-role="page" id="page4">
<div data-role="header">
<h1>第 4 页</h1>
</div>
<div data-role="content">
内容
</div>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>4234</p>
<p>42342</p>
<p>34234</p>
<p></p>
<p>42342</p>
<p></p>
<p>4234</p>
<div data-role="footer" class="footer">
<h4>页面脚注</h4>
</div>
</div>
</body>
</html>

6. web打印时怎么去掉顶部的页面名和页数及页脚的路径

操作步骤如下: 1、打开Firefox,打开要打印的网页; 2、点击文件菜单打印预览命令; 3、弹出对话框点击页面设置; 4、设置页眉和页脚为空白,点击确定; 5、点击打印按钮即可。

7. 请问这样才能不改变web页面的页眉页脚

方法一:用框架;
方法二:用小窗口;
方法三:套模板;
如果都不会用,就介绍个笨办法四:把要变的网页做成上下一样但内容不同的页面 链接以后感觉就跟没变似的。
补充实例代码:<frameset rows="×%,×%">
<frame src="×.html" name="a" scrolling="no" noresize="noresize" frameborder="0">

<frameset cols="×%,×%">
<frame src="×.html" name="b" noresize="noresize" frameborder="0">
<frame src="×.html" name="c" noresize="noresize" frameborder="0">
</frameset>
</frameset>
注意填上大小和名字 要给框架内的页面命名

8. 为什么我在设置页眉页脚的时候老是设置不好

1\页眉和页脚消失了。 请确认当前处于页面视图 (页面视图:文档或其他对象的一种视图,与打印效果一样。例如,页眉、页脚、栏和文本框等项目会出现在它们的实际位置上。)中。页眉和页脚仅显示于页面视图和打印的文档中。页眉和页脚不能在 Web 版式视图 (Web 版式视图:Web 版式视图显示文档在 Web 浏览器中的外观。例如,文档将显示为一个不带分页符的长页,并且文本和表格将自动换行以适应窗口的大小。)或浏览器 (浏览器:一种解释 HTML 文件、将其格式设置为网页、并显示它们的软件。Web 浏览器(如 Microsoft Internet Explorer)可跟踪超链接、传输文件并播放嵌入网页中的音频和视频文件。)中显示或打印。将文档保存为 Web 页时,不会再显示或打印页眉和页脚。但是,它们仍保留在 Web 文档中,因此,再将文档保存为 .doc 格式时,仍将显示页眉和页脚。如果创建了使用框架 (框架:框架是框架页中已命名的子窗口。框架在 Web 浏览器中显示为能够显示页面的几个窗口区域。可以滚动框架并调整其大小,框架具有边框。)的网页,也可以通过添加页眉或页脚框架来创建页眉或页脚。 2\首页上未显示页眉或页脚。 请确定当前处于页面视图 (页面视图:文档或其他对象的一种视图,与打印效果一样。例如,页眉、页脚、栏和文本框等项目会出现在它们的实际位置上。)中。如果将文档分成多个节 (节:文档的一部分,可在其中设置某些页面格式选项。若要更改例如行编号、列数或页眉和页脚等属性,请创建一个新的节。),请单击要在其首页显示页眉或页脚的某节或选定多个这样的节。在“文件”菜单上单击“页面设置”,单击“版式”选项卡,再清除“首页不同”复选框。 3\更改某节的页眉或页脚后,同时更改了所有其他节的页眉或页脚。 更改某节 (节:文档的一部分,可在其中设置某些页面格式选项。若要更改例如行编号、列数或页眉和页脚等属性,请创建一个新的节。)的页眉或页脚后,Microsoft Word 会自动更改文档中所有节的相同的页眉或页脚。若要为某节创建不同的页眉或页脚,需要断开各节之间的连接。在需要创建不同页眉或页脚的节中单击鼠标。在“页眉和页脚”工具栏上,单击“链接到前一个”,可以断开当前节和前一节中页眉和页脚之间的连接。 未打印页眉或页脚,或只打印了部分页眉或页脚。 您可能将文本置于页面的非打印区域。请参阅打印机的使用手册,以查看打印机可将文字打印至靠近页面边缘的距离。在“文件”菜单上,单击“页面设置”,然后单击“版式”选项卡。在“距边界”下输入数值,该数值应大于打印机的最小页边距设置。 4\“显示前一项”和“显示下一项”按钮不起作用。 使用“显示前一项” 和“显示下一项” 按钮可移动到和当前页眉或页脚不同的上一个或下一个页眉或页脚。如果整个文档中的页眉和页脚相同,则插入点不会从当前的页眉或页脚位置移开。如果一个文档在不同的节 (节:文档的一部分,可在其中设置某些页面格式选项。若要更改例如行编号、列数或页眉和页脚等属性,请创建一个新的节。)中包含不同的页眉或页脚,则插入点会从某节的页眉或页脚移至另一节的页眉或页脚。您也可以使用该按钮从奇数页眉或页脚移至偶数页眉或页脚,或从单独的首页页眉或页脚移至下一个页眉或页脚。 5\“链接到前一个”按钮不起作用。 除非文档分为多个节 (节:文档的一部分,可在其中设置某些页面格式选项。若要更改例如行编号、列数或页眉和页脚等属性,请创建一个新的节。),否则“链接到前一个”按钮将不起作用,并且该按钮不可用于文档中的第一节。 6\在页眉或页脚中出现 {PAGE}、{DATE} 或其他代码。 向页眉或页脚添加页码、日期、时间等内容时,Word 将插入相应的域 (域:指示 Microsoft Word 在文档中自动插入文字、图形、页码和其他资料的一组代码。例如,DATE 域用于插入当前日期。)。域确认在更改文档时能自动更新页码,并在打印文档时更新日期、时间和其他对象。如果看到的是例如 {PAGE} 或 {DATE} 的域代码 (域代码:为占位符文本,显示数据源的指定信息的显示位置;或者为生成字段结果的字段中的元素。域代码包括字段字符、字段类型和指令。),而非实际的页码、日期、时间等,请按 Alt+F9。 7\页眉或页脚中未显示正确的日期、时间、标题或其他项目。 如果您通过在“插入”菜单上单击“日期和时间”来插入日期和时间,请确认您在“日期和时间”对话框中选中了“自动更新”复选框。在页眉或页脚中添加日期、时间和标题等项目时,Microsoft Word 会插入相应的域 (域:指示 Microsoft Word 在文档中自动插入文字、图形、页码和其他资料的一组代码。例如,DATE 域用于插入当前日期。)。也可以通过单击该项目并按 F9,随时更新域。 8\为只有一页文本的模板设置奇偶页不同的页眉或页脚。 若要设置奇偶页不同的页眉或页脚,或为不同的首页设置不同的页眉或页脚,可在单页的模板 (模板:是指一个或多个文件,其中所包含的结构和工具构成了已完成文件的样式和页面布局等元素。例如,Word 模板能够生成单个文档,而 FrontPage 模板可以形成整个网站。)中手动插入分页符 (分页符:上一页结束以及下一页开始的位置。Microsoft Word 可插入一个“自动”分页符(或软分页符),或者通过插入“手动”分页符(或硬分页符)在指定位置强制分页。),创建所需的页眉或页脚,然后删除分页符。根据模板新建文档。文档超过一页时,将显示页眉和页脚。 没学好很简单啊,只要在WORD文档中点击编辑中的页眉页脚进行编辑就好了啊 按照提示栏的提示操作就可以了。简单呀!