{"id":268,"date":"2021-06-28T16:49:38","date_gmt":"2021-06-28T08:49:38","guid":{"rendered":"http:\/\/gjweb.top\/?p=268"},"modified":"2021-06-28T16:49:39","modified_gmt":"2021-06-28T08:49:39","slug":"css%e6%89%ab%e7%9b%b2","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=268","title":{"rendered":"css\u626b\u76f2"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u5782\u76f4\u5c45\u4e2d\u7684\u96c6\u4e2d\u65b9\u5f0f<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>table \u81ea\u5e26<\/li><li>div display:table<\/li><li>flex<\/li><li>margin:auto<\/li><li>transfrom:translate(-50%)<\/li><\/ol>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">JS\u52a8\u753b\u4e0ecss\u52a8\u753b\u7684\u5dee\u5f02\u6027<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>js\u52a8\u753b\u7528\u4e8e\u8f83\u4e3a\u590d\u6742\u7684\u9010\u5e27\u52a8\u753b,\u6269\u5c55\u6027\u8f83\u9ad8,\u53ef\u968f\u65f6\u76d1\u542c\u6bcf\u4e00\u5e27\u7684\u53d8\u5316,\u4f46\u5bf9\u6d4f\u89c8\u5668\u8d44\u6e90\u6d88\u8017\u8f83\u5927<\/li><li>css\u52a8\u753b\u7528\u4e8e\u7b80\u5355\u7684\u8865\u95f4\u52a8\u753b,\u6269\u5c55\u6027\u4e0d\u9ad8,CSS3\u52a8\u753b\u5b58\u5728\u517c\u5bb9\u6027\u95ee\u9898<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u6587\u672c\u7701\u7565\u53f7<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>overflow:hidden;\r\ntext-ovarflow:ellipsis \/ clip \/ string(\u81ea\u5b9a\u4e49\u5b57\u7b26\u4e32)\r\nwhite-space:nowrap<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u6d6e\u52a8\u6e05\u9664<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>xxx:after{\r\n    clear:both\r\n    display:block\r\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">poition\u5c5e\u6027<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>fiexd \u56fa\u5b9a\u5b9a\u4f4d<\/li><li>relative \u76f8\u5bf9\u5b9a\u4f4d<\/li><li>adsolute \u7edd\u5bf9\u5b9a\u4f4d<\/li><li>sticky \u7c98\u6027\u5b9a\u4f4d<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u91cd\u6392\u548c\u91cd\u7ed8<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>\u91cd\u6392<ul><li>\u5f53\u6e32\u67d3\u6811\u4e2d\u7684\u4e00\u90e8\u5206\u8282\u70b9\u5fc5\u987b\u66f4\u65b0,\u5e76\u4e14\u8282\u70b9\u7684\u5c3a\u5bf8\u53d1\u751f\u53d8\u5316\u65f6,\u6d4f\u89c8\u5668\u4f1a\u91cd\u65b0\u6784\u9020\u6e32\u67d3\u6811<\/li><li>\u91cd\u6392\u5fc5\u5b9a\u4f1a\u89e6\u53d1\u91cd\u7ed8,\u91cd\u7ed8\u4e0d\u4e00\u5b9a\u4f1a\u89e6\u53d1\u91cd\u6392<\/li><li>\u89e6\u53d1\u7684\u6761\u4ef6<ul><li>\u5bf9dom\u8fdb\u884c\u589e\u5220\u6539<\/li><li>\u5143\u7d20\u4f4d\u7f6e\u6539\u53d8<\/li><li>\u9875\u9762\u521d\u59cb\u5316<\/li><li>\u6d4f\u89c8\u5668\u7a97\u53e3\u5c3a\u5bf8\u6539\u53d8<\/li><\/ul><\/li><\/ul><\/li><li>\u91cd\u7ed8<ul><li>\u5f53\u5143\u7d20\u7684\u5916\u89c2\u53d1\u751f\u53d8\u5316\u65f6,\u4f1a\u89e6\u53d1\u6d4f\u89c8\u5668\u7684\u91cd\u7ed8\u884c\u4e3a<\/li><\/ul><\/li><li>\u5982\u4f55\u4f18\u5316<ul><li>\u4f7f\u7528className\u9488\u5bf9\u591a\u4e2aDOM\u8282\u70b9\u8fdb\u884c\u4fee\u6539<\/li><li>\u4f7f\u7528\u4ee3\u7801\u7247\u6bb5\u7684\u65b9\u5f0f\u5bf9DOM\u8fdb\u884c\u6dfb\u52a0\u8282\u70b9<\/li><li>\u5728\u4f7f\u7528\u52a8\u753b\u65f6,\u8131\u79bb\u6587\u6863\u6d41,\u907f\u514d\u6574\u4e2a\u9875\u9762\u8fdb\u884c\u91cd\u6392<\/li><\/ul><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u9690\u85cf\u4e00\u4e2a\u5143\u7d20\u6709\u54ea\u4e9b\u65b9\u5f0f<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>opacity: 0 \/\/ \u4f1a\u9690\u85cf\u5143\u7d20,\u4e0d\u4f1a\u6539\u53d8\u5e03\u5c40,\u4f1a\u89e6\u53d1\u4e8b\u4ef6\r\nvisibility: hidden \/\/ \u4f1a\u9690\u85cf\u5143\u7d20, \u4e0d\u4f1a\u6539\u53d8\u5e03\u5c40 , \u4e0d\u4f1a\u89e6\u53d1\u4e8b\u4ef6\r\ndisplay:none \/\/ \u4f1a\u9690\u85cf\u5143\u7d20 , \u4f1a\u6539\u53d8\u5e03\u5c40 , \u4e0d\u4f1a\u89e6\u53d1\u4e8b\u4ef6<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5782\u76f4\u5c45\u4e2d\u7684\u96c6\u4e2d\u65b9\u5f0f table \u81ea\u5e26 div display:table flex margin:auto t [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-268","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=268"}],"version-history":[{"count":0,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/268\/revisions"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}