DW如何让页面在各个浏览器都居中显示？ DREAMWEAVER 中如何让网页居中显示？
dw\u4e2d\u5982\u4f55\u8ba9\u9875\u9762\u5c45\u4e2d\u4e09\u4e2a\u529e\u6cd5\u5b9e\u73b0\u9875\u9762\u5c45\u4e2d\uff08\u5e03\u5c40\u5c45\u4e2d\uff09
\u4e00\uff1a\u5728html\u4ee3\u7801\u9875\u9762\u7684body\u6807\u7b7e\u5199\u4e00\u4e2a\u7684\u6807\u7b7e\uff0c\u5728\u91cc\u9762\u5199\u5185\u5bb9\u5373\u53ef\u5b9e\u73b0\u5c45\u4e2d\uff0c\u5982\uff1a
\u63a5\u4e0b\u6765\u4f7f\u7528\u7684\u4e24\u4e2a\u65b9\u6cd5\u7684\u524d\u63d0\u662f\u4f60\u7684html\u4ee3\u7801\u94fe\u63a5\u4e0acss\u4ee3\u7801\uff01\uff01\uff01\u4e0d\u7136\u6ca1\u6548\u679c
\u4e8c\uff1atext-align: center\u65b9\u6cd5\u5728html\u4ee3\u7801\u9875\u9762\u7ed9\u67d0\u4e00\u4e2a\u6807\u7b7e\u53d6\u4e00\u4e2a\u540d\u5b57\uff0c\u7136\u540e\u5728css\u4ee3\u7801\u7ed9\u6807\u7b7e\u8bbe\u7f6e\u5c5e\u6027
css\uff1a
\u6548\u679c\u56fe\uff1a
\u4e09\uff1amargin: 0 auto 0\uff08auto\u5de6\u53f3\u7684\u4e24\u4e2a\u96f6\u5206\u522b\u4ee3\u8868\u7740\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff09\u65b9\u6cd5\u548c\u7b2c\u4e8c\u79cd\u65b9\u6cd5\u5dee\u4e0d\u591a\uff0c\u4e5f\u662f\u5728html\u4ee3\u7801\u9875\u9762\u7ed9\u67d0\u4e00\u4e2a\u6807\u7b7e\u53d6\u4e00\u4e2a\u540d\u5b57\uff0c\u7136\u540e\u5728css\u4ee3\u7801\u7ed9\u6807\u7b7e\u8bbe\u7f6e\u5c5e\u6027
\u6ce8\uff1a\u6b64\u65b9\u6cd5\u9002\u7528\u4e8e\u5728\u6574\u4e2a\u5e03\u5c40\u5c45\u4e2d\uff0c\u548c\u524d\u4e24\u4e2a\u4e0d\u540c\u7684\u662f\u4f7f\u7528\u8fd9\u4e2a\u65b9\u6cd5\u8981\u8bbe\u7f6e\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff0c\u4e0d\u7136\u7528\u4e0d\u4e86\uff01
\u4ee3\u7801\uff1a
html\u53ca\u6548\u679c\u56fe\uff1a
\u5e0c\u671b\u80fd\u5e2e\u5230\u4f60\uff01
\u5982\u679c\u662f\u5c42\u7684\u8bdd\uff0c\u4e3b\u8981\u662f\u8fd9\u4e2a\u5c5e\u6027\uff1amargin\uff1a0 auto\uff1b
\u4f60\u6709\u9644\u52a0css\u6837\u5f0f\u4e48\uff1f
\u5199\u6cd5\u50cf\u4e00\u697c\u90a3\u6837\u5c31\u53ef\u4ee5\u3002
\u5982\u679c\u6ca1\u6709\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5199\u5728
\u8fd9\u4e2a\u662f\u517c\u5bb9ie\u548c\u706b\u72d0\u7684\u5199\u6cd5\u3002
\u5c42\u91cc\u9762\u53ef\u4ee5\u63d2\u8868\u683c\uff0c\u4e5f\u53ef\u4ee5\u7ee7\u7eed\u5d4c\u5957\u5c42
\u5c42\u91cc\u9762\u4e5f\u53ef\u4ee5\u76f4\u63a5\u653e\u94fe\u63a5\uff0c\u4e5f\u5c31\u662f\u6807\u7b7e\u3002\u8868\u683c\u7684\u8bdd\u8fd8\u662f\u5c3d\u91cf\u5c11\u7528\u7684\u597d\u3002
网页居中制作过程：
1.利用Dreamweaver工具实现页面的居中显示：为了能够前后形成对比，我们先来看一下最初网页的显示效果。
2.利用Dreamweaver打开要处理的网页，切换至“代码”查看模式，选中“<Body></body>”标签部分，然后点击“属性”工具栏中的“CSS”按钮。
3.接着点击“居中”按钮，就会发现页面被设置为居中显示。
4.也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中：
<style type="text/css"><!--body { margin:0 auto;width:780px; '‘'’’这个改成你网页的宽度}--></style>
也可以实现页面居中显示效果。
5.可以在“<body></body>”外面添加<center></center>标签来实现同样的页面居中显示效果。
body {
text-align: center;
}
#container {
margin-left: auto;
margin-right: auto;
border: 1px solid red;
width: 168px;
text-align: left
}
绛旓細1.鍒╃敤Dreamweaver宸ュ叿瀹炵幇椤甸潰鐨勫眳涓樉绀猴細涓轰簡鑳藉鍓嶅悗褰㈡垚瀵规瘮锛屾垜浠厛鏉ョ湅涓涓嬫渶鍒濈綉椤电殑鏄剧ず鏁堟灉銆2.鍒╃敤Dreamweaver鎵撳紑瑕佸鐞嗙殑缃戦〉锛屽垏鎹㈣嚦鈥滀唬鐮佲濇煡鐪嬫ā寮忥紝閫変腑鈥<Body>鈥濇爣绛鹃儴鍒嗭紝鐒跺悗鐐瑰嚮鈥滃睘鎬р濆伐鍏锋爮涓殑鈥淐SS鈥濇寜閽3.鎺ョ潃鐐瑰嚮鈥滃眳涓濇寜閽紝灏变細鍙戠幇椤甸潰琚缃负灞呬腑鏄剧ず銆4.涔熷彲浠ュ埄鐢...
绛旓細鐢ㄨ繖鏍蜂竴瀵硅〃鎯呭紩鐢ㄧ湅鐪嬨 鈥︹
绛旓細margin-right: auto;margin-left: auto;琛ㄨ揪鐨勫彲鑳戒笉鏄緢娓呮,浣犲彲浠ョ湅鐪嬫垜鐨勭綉绔 http://www.yangchenghu.org
绛旓細鐢100%灏卞ソ浜嗭紝width锛100% 杩欐牱灏鏄紝鑷傚簲锛屼絾鏄笉濂界湅锛岀幇鍦ㄦ祦琛岀殑閮芥槸960锛屽熀鏈笂灏遍兘鍏煎杩囦簡
绛旓細123123 margin:0 auto 灞呬腑锛堜换浣曞垎杈ㄧ巼涓嬮兘瀵瑰簲灞呬腑锛屽鏋滆缃簡瀹藉害閭ｅ乏鍙充袱杈圭暀鐧介兘鏄浉鍚岀殑锛夎嚜宸辩爺绌朵笅鍚с備唬鐮佷綘鏀DW閲岄潰鑷繁杩愯灏辨檽寰椾簡
绛旓細浠庝袱涓柟闈㈡潵锛屽彲纭繚鍦ㄥ悇绉嶆祻瑙堝櫒涓眳涓細1銆佸湪涓姞鍏tyle="text-align:center" 濡傦紱2銆佸湪鏈澶栧眰鐨勪腑鍔犲叆style="margin:0 auto;" 濡傘傚綋鐒跺畬鍏ㄥ彲鐢╟ss鎺у埗锛屼緥锛 body{text-align:center;} wrapper{margin:0 auto;} 椤甸潰鍐呭
绛旓細6銆佸厛浣跨敤銆恗argin-left:-200px;銆戔-200px鈥濊繖涓暟鍊艰嚜鐒灏鏄疍IV瀹絯idth:400px;鐨勪竴鍗婏紝骞舵坊鍔犱负璐熷笺備繚瀛樺悗鍒锋柊缃戦〉鍙互鐪嬪埌DIV宸茬粡宸﹀彸灞呬腑浜嗐7銆佸彲浠ョ湅鍒颁笉绠℃垜浠鎶婇〉闈鍙樻垚浠涔堝昂瀵革紝DIV閮戒細鑷姩灞呬腑锛屾槸涓嶆槸瑙ｅ喅浣犵殑闂浜嗗憿锛熶互涓婂氨鏄DW璁〥IV妯″潡鍦ㄩ〉闈腑鐩稿灞忓箷鑷姩灞呬腑鐨勬暀绋嬨
绛旓細鐢!important锛屽彲浠ュ湪IE涓嶧irefox涓垎鍒璁★紝灏鍙互瑙ｅ喅鍏煎闂锛岃繕鏈夊氨鏄垜浠仛鐨缃戦〉涓嶅彲鑳鍦ㄦ墍鏈夋祻瑙堝櫒涓兘鍏煎锛屽洜涓烘祻瑙堝櫒鍐呮牳涓嶄竴鏍锋棤娉曞仛鍒帮紝姣斿IE3涓嶪E6锛屾牴鏈笉鑳芥瘮鐨勩傜幇鍦ㄥ彧瑕佸吋瀹笽E6銆両E8銆丗irefox灏卞彲浠ヤ簡锛
绛旓細1銆佹墦寮涓涓缃戦〉锛屽湪鏂囨。宸︿笅瑙掔殑鏍囩閫夋嫨鍣ㄤ笂閫夋嫨BODY鏍囩锛2銆佸湪灞炴ч潰鏉夸笂鐐瑰嚮灞呬腑瀵归綈锛岃繖鏍峰眳涓殑椤甸潰灏鍋氬ソ浜嗭紝寰閲岄潰濉厖鍐呭鍗冲彲锛3銆佽浆鎹㈠埌浠ｇ爜瑙嗗浘锛岀湅鐪嬬敓鎴愮殑浠ｇ爜锛岄夋嫨涓ょ褰㈠紡鐨勫眳涓唬鐮侊紝浣跨敤DIV鏍囩鏄叾涓竴绉嶏紝鍙︿竴绉嶆槸浣跨敤CENTER鏍囩锛涙墦寮缂栬緫鍙傛暟閫夋嫨鑿滃崟锛屽湪瀵硅瘽妗嗕腑閫夋嫨灞呬腑浣跨敤鐨...
绛旓細鏁翠綋甯冨眬娌℃湁璁剧疆锛宮argin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;
