DW如何设置网页打开绝对居中？ DREAMWEAVER 中如何让网页居中显示？
DW\u91cc\u600e\u4e48\u80fd\u8ba9\u7f51\u9875\u6253\u5f00\u81ea\u9002\u5e94\u5c45\u4e2d\uff1f\u5c45\u4e2d\u5f88\u7b80\u5355\uff0c\u5982\u679c\u662f\u8868\u683c\u76f4\u626b\u9009\u91cc\u9762\u7684\u5c45\u4e2d\u5bf9\u9f50\u5c31\u884c\uff1b
\u5982\u679c\u662fdiv+css,\u5728css\u91cc\u9762\u5b9a\u4e49\u5c31\u597d\uff0c\u5b9a\u4e49\u4ee3\u7801\u5982\u4e0b\uff1a
.center{
margin:0 auto;
width:980px;
height: 0 auto;
clear:both;
}
\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、利用DW新建一个html文件，并在head中添加样式表【<style type="text/css"></style>】。
2、在body中添加一个DIV，并引入一个CSS，命名为【aaa】。
3、给这个DIV添加背景色，并定义它的宽和高，命令的代码是【background: #FA2;width: 400px;height: 600px;】。
4、为了定义DIV上下居中，可以使用【margin-top: -300px;】，“-300px”数值就是DIV高，即【height: 600px;】的一半并添加为负值。
5、再定义DIV左右居中就能在DW设置网页打开绝对居中了，可以使用【margin-left: -200px;】，“-200px”数值就是DIV宽，即【width: 400px;】的一半并添加为负值。
1、先新建一个html文件，并在head中添加样式表【<style type="text/css"></style>】。
2、在body中添加一个DIV，并引入一个CSS，命名为【aaa】。
3、给这个DIV添加背景色，并定义它的宽和高。
4、然后添加如下代码【position: fixed; left: 50%; top: 50%; z-index: 10;】
5、然后我们依次定义它的位置，先使用【margin-top: -300px;】“-300px”这个数值就是DIV高height: 600px;的一半，并添加为负值。
6、先使用【margin-left: -200px;】“-200px”这个数值自然就是DIV宽width: 400px;的一半，并添加为负值，保存后刷新网页可以看到DIV已经左右居中了。
代码控制方法：设置body标签居中。
1.打开一个网页，在文档左下角的“标签选择器”上选择“body”标签。
2.在“属性面板”上点击“居中对齐”。现在居中的页面就做好了，往里面填充内容就可以了。
3.转换到代码视图，看看生成的代码，原来生成的是“<div align="center"></div>”。
4.可以选择两种形式的居中代码。使用“div”标签是其中一种，另一种是使用“center”标签。打开“编辑”/“参数选择”菜单，在如下图的对话框中，选择居中使用的标签。
ps做的图，在dw中打开后，选择整个表格，然后在属性中选择剧中就ok 了。
图的分辨率和表格的居中应该没有关系的，即使图的分辨率大于显示器的分辨率，也只是图片显示会变形，而表格依然会居中的
使用百分比，不要使用像素做表格的宽度即可。
绛旓細1銆佹墦寮涓涓綉椤碉紝鍦ㄦ枃妗ｅ乏涓嬭鐨勬爣绛鹃夋嫨鍣ㄤ笂閫夋嫨BODY鏍囩锛2銆佸湪灞炴ч潰鏉夸笂鐐瑰嚮灞呬腑瀵归綈锛岃繖鏍峰眳涓殑椤甸潰灏卞仛濂戒簡锛屽線閲岄潰濉厖鍐呭鍗冲彲锛3銆佽浆鎹㈠埌浠ｇ爜瑙嗗浘锛岀湅鐪嬬敓鎴愮殑浠ｇ爜锛岄夋嫨涓ょ褰㈠紡鐨勫眳涓唬鐮侊紝浣跨敤DIV鏍囩鏄叾涓竴绉嶏紝鍙︿竴绉嶆槸浣跨敤CENTER鏍囩锛涙墦寮缂栬緫鍙傛暟閫夋嫨鑿滃崟锛屽湪瀵硅瘽妗嗕腑閫夋嫨灞呬腑浣跨敤鐨勬爣...
绛旓細1銆佸厛鏂板缓涓涓猦tml鏂囦欢锛屽苟鍦╤ead涓坊鍔犳牱寮忚〃銆愩戙2銆佸湪body涓坊鍔犱竴涓狣IV锛屽苟寮曞叆涓涓狢SS锛屽懡鍚嶄负銆恆aa銆戙3銆佺粰杩欎釜DIV娣诲姞鑳屾櫙鑹诧紝骞跺畾涔夊畠鐨勫鍜岄珮銆4銆佺劧鍚庢坊鍔犲涓嬩唬鐮併恜osition: fixed; left: 50%; top: 50%; z-index: 10;銆5銆佺劧鍚庢垜浠緷娆″畾涔夊畠鐨勪綅缃紝鍏堜娇鐢ㄣ恗argin-top: -...
绛旓細5銆佸啀瀹氫箟DIV宸﹀彸灞呬腑灏辫兘鍦―W璁剧疆缃戦〉鎵撳紑缁濆灞呬腑浜锛屽彲浠ヤ娇鐢ㄣ恗argin-left: -200px;銆戯紝鈥-200px鈥濇暟鍊煎氨鏄疍IV瀹斤紝鍗炽恮idth: 400px;銆戠殑涓鍗婂苟娣诲姞涓鸿礋鍊笺
绛旓細鏂规硶涓锛淇敼浠ｇ爜锛乼able浠ｇ爜鍔犱笂align="center"渚嬪锛氾紙PS锛氫唬鐮佷笉瀹屾暣锛屼絾鍙互鐪嬪埌鏁堟灉銆傦級鏂规硶浜岋紝璁捐鐣岄潰淇敼!鐪嬪浘锛氬缓璁細琛ㄦ牸鍋氱綉椤靛苟涓嶆槸寰堝ソ锛屽缓璁ゼ涓诲涔犱竴涓媎ivcss甯冨眬锛屾湁html鍩虹寰堝揩灏卞彲浠ュ浼氱殑銆
绛旓細涓锛鍦╤tml浠ｇ爜椤甸潰鐨刡ody鏍囩鍐欎竴涓殑鏍囩锛屽湪閲岄潰鍐欏唴瀹瑰嵆鍙疄鐜板眳涓紝濡傦細鎺ヤ笅鏉ヤ娇鐢ㄧ殑涓や釜鏂规硶鐨勫墠鎻愭槸浣犵殑html浠ｇ爜閾炬帴涓奵ss浠ｇ爜锛侊紒锛佷笉鐒舵病鏁堟灉 浜岋細text-align: center鏂规硶鍦╤tml浠ｇ爜椤甸潰缁欐煇涓涓爣绛惧彇涓涓悕瀛楋紝鐒跺悗鍦╟ss浠ｇ爜缁欐爣绛捐缃睘鎬 css锛氭晥鏋滃浘锛氫笁锛歮argin: 0 auto 0锛坅uto宸﹀彸鐨...
绛旓細鍏鎵撳紑璇椤甸潰鎵鍦ㄧ殑鐩綍锛屾壘鍒拌html鏂囦欢锛岀劧鍚庨変腑瀹冿紝鍙冲嚮榧犳爣锛屽湪寮瑰嚭鐨勯夐」閲岋紝鐐瑰嚮鎵撳紑鏂瑰紡锛屽啀鐐瑰嚮Dreamweaver銆傚湪Dreamweaver涓墦寮璇tml椤甸潰鏂囦欢鍚庯紝鍙互鍦ㄨ椤甸潰鐨勯珮搴﹀悗闈紝鐩存帴鍔犱笂align="center"锛屾敞鎰忓弻寮曞彿鍜岀┖鏍煎嵆鍙紝杩欐牱璇tml缃戦〉锛屽氨灞呬腑鏄剧ず浜嗐傚鏋滀笉鎯崇敤鎵嬪姩杈撳叆鏍囩鐨勮繖绉...
绛旓細1.鍒╃敤Dreamweaver宸ュ叿瀹炵幇椤甸潰鐨灞呬腑鏄剧ず锛氫负浜嗚兘澶熷墠鍚庡舰鎴愬姣旓紝鎴戜滑鍏堟潵鐪嬩竴涓嬫渶鍒缃戦〉鐨勬樉绀烘晥鏋溿2.鍒╃敤Dreamweaver鎵撳紑瑕佸鐞嗙殑缃戦〉锛屽垏鎹㈣嚦鈥滀唬鐮佲濇煡鐪嬫ā寮忥紝閫変腑鈥<Body>鈥濇爣绛鹃儴鍒嗭紝鐒跺悗鐐瑰嚮鈥滃睘鎬р濆伐鍏锋爮涓殑鈥淐SS鈥濇寜閽3.鎺ョ潃鐐瑰嚮鈥滃眳涓濇寜閽紝灏变細鍙戠幇椤甸潰琚璁剧疆涓哄眳涓樉绀恒4.涔熷彲浠ュ埄鐢...
绛旓細璁剧疆缃戦〉灞呬腑甯歌鐨勪袱绉嶆柟娉曪細绗竴绉嶏紝璁剧疆div鐨勫搴﹀拰margin灞炴с傚锛 杩欐牱灏辫兘璁╂DIV鍦ㄥ睆骞曚腑灞呬腑锛涚浜岀鏂规硶锛氬皢灞忓箷鍒嗙瓑鍒嗭紝鍗20%銆80%銆20%銆傚皢涓よ竟鐨勯鑹茶缃垚閫忔槑鍗冲彲銆 杩欐牱涓棿80%鐨凞IV灏辫兘灞忓箷涓眳涓
绛旓細1銆佸湪涓姞鍏tyle="text-align:center" 濡傦紱2銆佸湪鏈澶栧眰鐨勪腑鍔犲叆style="margin:0 auto;" 濡傘傚綋鐒跺畬鍏ㄥ彲鐢╟ss鎺у埗锛屼緥锛 body{text-align:center;} wrapper{margin:0 auto;} 椤甸潰鍐呭
绛旓細浣犲彲浠ュ湪灞傜殑鐖舵爣绛綾ss閲岀敤text-align:center璁浠栫殑瀛愬厓绱犻兘灞呬腑 濡傛灉鏄笇鏈涙暣涓缃戦〉灞呬腑 浣犲彲浠ョ粰BODY鏍囩css灞炴璁剧疆涓簃argin:0px auto;
