{"id":184,"date":"2007-09-18T18:22:26","date_gmt":"2007-09-18T18:22:26","guid":{"rendered":"http:\/\/www.ddcat.net\/blog2009\/?p=184"},"modified":"2007-09-18T18:22:26","modified_gmt":"2007-09-18T18:22:26","slug":"%e4%b8%8a%e4%b8%ad%e4%b8%8b%e4%b8%89%e8%a1%8c%e5%b8%83%e5%b1%80%ef%bc%8c%e4%b8%8a%e4%b8%8b%e5%ae%9a%e9%ab%98%ef%bc%8c%e4%b8%ad%e9%97%b4%e6%a0%8f%e8%87%aa%e9%80%82%e5%ba%94","status":"publish","type":"post","link":"http:\/\/www.ddcat.net\/blog\/index.php\/2007\/09\/18\/%e4%b8%8a%e4%b8%ad%e4%b8%8b%e4%b8%89%e8%a1%8c%e5%b8%83%e5%b1%80%ef%bc%8c%e4%b8%8a%e4%b8%8b%e5%ae%9a%e9%ab%98%ef%bc%8c%e4%b8%ad%e9%97%b4%e6%a0%8f%e8%87%aa%e9%80%82%e5%ba%94\/","title":{"rendered":"\u4e0a\u4e2d\u4e0b\u4e09\u884c\u5e03\u5c40\uff0c\u4e0a\u4e0b\u5b9a\u9ad8\uff0c\u4e2d\u95f4\u680f\u81ea\u9002\u5e94"},"content":{"rendered":"

\u4e0a\u4e2d\u4e0b\u4e09\u884c\u5e03\u5c40\uff0c\u4e0a\u4e0b\u5b9a\u9ad8\uff0c\u4e2d\u95f4\u680f\u81ea\u9002\u5e94\u6d4f\u89c8\u5668\u9ad8\u5ea6\uff0c\u4e14\u5185\u5bb9\u5782\u76f4\u5c45\u4e2d\u3002<\/p>\n

firefox 2.0 \/ win ie 6\/ win ie 7 \/opera 8.5 cn\/win safari \u6d4b\u8bd5\u901a\u8fc7\u3002<\/p>\n

<\/p>\n

\u5bf9\u4e8e\u975eie\u5185\u6838\u6d4f\u89c8\u5668\uff0c\u901a\u8fc7\u8bbe\u5b9adisplay:table\u3001display:table-row\u548cdisplay:table-cell\u6765\u6a21\u62df\u8868\u683c\u7684\u8868\u73b0\u5f62\u5f0f\u3002<\/p>\n

\u6700\u5916\u5c42#box { display:table; }\uff0c\u9ad8\u5ea6100%\uff0c\u5176\u5b50\u5c42#header\/#main\/#footer\u4e3a{ display:table-row; }\uff0c\u56e0\u6b64\u53ef\u4ee5\u6a21\u62df\u8868\u683c\u7684\u884c\u6548\u679c\uff0c\u4e0a\u4e0b\u5b9a\u9ad8\uff0c\u5219\u4e2d\u95f4\u4e0d\u5b9a\u9ad8\u7684\u5c42\u81ea\u9002\u5e94\u9ad8\u5ea6\u3002<\/p>\n

#wrap\u5c42\u4e3a{ display:table-cell; }\u6a21\u62df\u5355\u5143\u683c\uff0c\u56e0\u6b64\u53ef\u4ee5\u8bbe\u5b9a{ vertical-align:middle; }\uff0c\u5782\u76f4\u5c45\u4e2d\u3002<\/p>\n

\u7531\u4e8eWin IE\u4e0d\u652f\u6301{ display:table; }\uff0c\u56e0\u6b64\uff0c\u53ea\u80fd\u91c7\u53d6\u5b9a\u4f4d\u7684\u65b9\u5f0f\u5b9e\u73b0\u3002<!–[if IE]>\u5185\u662f\u9488\u5bf9ie\u7684\u8bbe\u5b9a\u3002<\/p>\n

\u70b9\u51fb\u5bdf\u770b\u6d4b\u8bd5\u9875\u9762<\/a><\/p>\n

\n
<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=gb2312\" \/>\n<title>\u4e0a\u4e2d\u4e0b\u4e09\u884c\u5e03\u5c40\uff0c\u4e0a\u4e0b\u5b9a\u9ad8\uff0c\u4e2d\u95f4\u680f\u81ea\u9002\u5e94\u6d4f\u89c8\u5668\u9ad8\u5ea6\uff0c\u4e14\u5185\u5bb9\u5782\u76f4\u5c45\u4e2d<\/title>\n<style type=\"text\/css\">\n* {\nmargin:0;\npadding:0;\n}\nhtml,\nbody,\n#box {\nheight:100%;\nfont:small\/1.5 \"\u5b8b\u4f53\", serif;\n}\nbody {\ntext-align:center;\n}\n#box {\ntext-align:left;\nbackground:#666;\ndisplay:table;\nwidth:80%;\nmargin:0 auto;\nposition:relative;\n}\n#box > div {\ndisplay:table-row;\n}\n#header,\n#footer {\nbackground:#fcc;\nheight:50px;\n}\n#main {\nbackground:#ccf;\n}\n#main #wrap {\ndisplay:table-cell;\nbackground:#ffc;\nvertical-align:middle;\n}\n#text {\ntext-align:center;\n}\n<\/style>\n<!--[if IE]>\n<style type=\"text\/css\">\n#header,\n#footer {\nwidth:100%;\nz-index:3;\nposition:absolute;\n}\n\n#footer {\nbottom:0;\n}\n#main {\nheight:100%;\nz-index:1;\nposition:relative;\n}\n#main #wrap {\nposition:absolute;\ntop:50%;\nwidth:100%;\ntext-align:left;\n}\n#main #text {\nposition:relative;\nwidth:100%;\ntop:-50%;\nbackground:#ccc;\n}\n<\/style>\n<![endif]-->\n<\/head>\n\n<body>\n<div id=\"box\">\n  <div id=\"header\">header<\/div>\n  <div id=\"main\">\n    <div id=\"wrap\">\n    <div id=\"text\">\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n          <p>\u5185\u5bb9\u5185\u5bb9<\/p>\n        <\/div>\n        <\/div>\n  <\/div>\n  <div id=\"footer\">footer<\/div>\n<\/div>\n<\/body>\n<\/html><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u4e0a\u4e2d\u4e0b\u4e09\u884c\u5e03\u5c40\uff0c\u4e0a\u4e0b\u5b9a\u9ad8\uff0c\u4e2d\u95f4\u680f\u81ea\u9002\u5e94\u6d4f\u89c8\u5668\u9ad8\u5ea6\uff0c\u4e14\u5185\u5bb9\u5782\u76f4\u5c45\u4e2d\u3002<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,6],"tags":[32,79,131,178],"class_list":["post-184","post","type-post","status-publish","format-standard","hentry","category-web","category-web-layout","tag-3-rows","tag-79","tag-131","tag-178"],"_links":{"self":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":0,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/184\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.ddcat.net\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}