{"id":34,"date":"2010-09-27T04:59:30","date_gmt":"2010-09-26T20:59:30","guid":{"rendered":"http:\/\/www.clonefactor.com\/wordpress\/?p=34"},"modified":"2013-08-17T23:17:58","modified_gmt":"2013-08-17T15:17:58","slug":"css-%e4%b8%8a%e7%9a%84-div-%e7%bd%ae%e4%b8%ad","status":"publish","type":"post","link":"https:\/\/www.clonefactor.com\/wordpress\/webdevelop\/34\/","title":{"rendered":"CSS \u4e0a\u7684 DIV \u7f6e\u4e2d."},"content":{"rendered":"<p>\u524d\u7f6e\u5de5\u4f5c.<\/p>\n<p>[css]html, body {<br \/>\nmargin:0px;<br \/>\npadding:0px;<br \/>\nborder:none;<br \/>\nheight:100%; \/* \u4ee4 body \u64c1\u6709 height \u53c3\u6578 *\/<br \/>\n}<br \/>\n.table{<br \/>\n#position: relative;<br \/>\n\/*<br \/>\nposition: absolute;<br \/>\nwidth: 100%;<br \/>\n*\/<br \/>\n\/* You may not want object as big as it&#8217;s window *\/<br \/>\nheight: 100%;<br \/>\ndisplay: table;<br \/>\noverflow: hidden;<br \/>\n}<br \/>\n.center{<br \/>\ntext-align: center;<br \/>\n}<br \/>\n.middle{<br \/>\n#position: absolute;<br \/>\n#top: 50%;<br \/>\ndisplay: table-cell;<br \/>\nvertical-align: middle;<br \/>\n}<br \/>\n.middle-fix{<br \/>\n#position: relative;<br \/>\n#top: -50%<br \/>\n}<br \/>\n[\/css]<\/p>\n<p>\u4f7f\u7528\u65b9\u5f0f:<\/p>\n<p>[html]<br \/>\n&lt;div class=&quot;table&quot; style=&quot;position: absolute; width: 100%;&quot;&gt;<br \/>\n&lt;div class=&quot;center middle&quot;&gt;<br \/>\n&lt;div class=&quot;middle-fix&quot;&gt;<br \/>\n\u6211\u5728\u756b\u9762\u6b63\u4e2d\u9593.&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n[\/html]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u7f6e\u5de5\u4f5c. [css]html, body { margin:0px; padding:0px; b &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[76],"class_list":["post-34","post","type-post","status-publish","format-standard","hentry","category-webdevelop","tag-css"],"_links":{"self":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":0,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}