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文檔中點擊編輯中的頁眉頁腳進行編輯就好了啊 按照提示欄的提示操作就可以了。簡單呀!