{"id":43067,"date":"2023-12-11T14:58:43","date_gmt":"2023-12-11T06:58:43","guid":{"rendered":"https:\/\/wx.kaifamiao.info\/?p=43067"},"modified":"2023-12-11T14:58:43","modified_gmt":"2023-12-11T06:58:43","slug":"%e4%b8%89%e6%a0%8f%e5%b8%83%e5%b1%80%e7%9a%84%e5%ae%9e%e7%8e%b0%e6%96%b9%e5%bc%8f%ef%bc%8c%e5%b0%bd%e5%8f%af%e8%83%bd%e5%a4%9a%e5%86%99%ef%bc%8c%e6%b5%ae%e5%8a%a8%e5%b8%83%e5%b1%80%e6%97%b6%ef%bc%8c","status":"publish","type":"post","link":"http:\/\/wx.kaifamiao.info\/index.php\/2023\/12\/11\/%e4%b8%89%e6%a0%8f%e5%b8%83%e5%b1%80%e7%9a%84%e5%ae%9e%e7%8e%b0%e6%96%b9%e5%bc%8f%ef%bc%8c%e5%b0%bd%e5%8f%af%e8%83%bd%e5%a4%9a%e5%86%99%ef%bc%8c%e6%b5%ae%e5%8a%a8%e5%b8%83%e5%b1%80%e6%97%b6%ef%bc%8c\/","title":{"rendered":"\u4e09\u680f\u5e03\u5c40\u7684\u5b9e\u73b0\u65b9\u5f0f\uff0c\u5c3d\u53ef\u80fd\u591a\u5199\uff0c\u6d6e\u52a8\u5e03\u5c40\u65f6\uff0c\u4e09\u4e2adiv\u7684\u751f\u6210\u987a\u5e8f\u6709\u6ca1\u6709\u5f71\u54cd\uff1f"},"content":{"rendered":"

“`” \u53c2\u8003\u56de\u7b54\uff1a<\/p>\n

\u4e09\u5217\u5e03\u5c40\u53c8\u5206\u4e3a\u4e24\u79cd\uff0c\u4e24\u5217\u5b9a\u5bbd\u4e00\u5217\u81ea\u9002\u5e94\uff0c\u4ee5\u53ca\u4e24\u4fa7\u5b9a\u5bbd\u4e2d\u95f4\u81ea\u9002\u5e94<\/p>\n

\u4e24\u5217\u5b9a\u5bbd\u4e00\u5217\u81ea\u9002\u5e94\uff1a<\/p>\n

1\u3001\u4f7f\u7528float+margin\uff1a<\/p>\n

\u7ed9div\u8bbe\u7f6efloat\uff1aleft\uff0cleft\u7684div\u6dfb\u52a0\u5c5e\u6027margin-right\uff1aleft\u548ccenter\u7684\u95f4\u9694px,right\u7684div\u6dfb\u52a0\u5c5e\u6027margin-left\uff1aleft\u548ccenter\u7684\u5bbd\u5ea6\u4e4b\u548c\u52a0\u4e0a\u95f4\u9694<\/p>\n

2\u3001\u4f7f\u7528float+overflow\uff1a<\/p>\n

\u7ed9div\u8bbe\u7f6efloat\uff1aleft\uff0c\u518d\u7ed9right\u7684div\u8bbe\u7f6eoverflow:hidden\u3002\u8fd9\u6837\u5b50\u4e24\u4e2a\u76d2\u5b50\u6d6e\u52a8\uff0c\u53e6\u4e00\u4e2a\u76d2\u5b50\u89e6\u53d1bfc\u8fbe\u5230\u81ea\u9002\u5e94<\/p>\n

3\u3001\u4f7f\u7528position\uff1a<\/p>\n

\u7236\u7ea7div\u8bbe\u7f6eposition\uff1arelative\uff0c\u4e09\u4e2a\u5b50\u7ea7div\u8bbe\u7f6eposition\uff1aabsolute\uff0c\u8fd9\u4e2a\u8981\u8ba1\u7b97\u597d\u76d2\u5b50\u7684\u5bbd\u5ea6\u548c\u95f4\u9694\u53bb\u8bbe\u7f6e\u4f4d\u7f6e\uff0c\u517c\u5bb9\u6027\u6bd4\u8f83\u597d\uff0c<\/p>\n

4\u3001\u4f7f\u7528table\u5b9e\u73b0\uff1a<\/p>\n

\u7236\u7ea7div\u8bbe\u7f6edisplay\uff1atable\uff0c\u8bbe\u7f6eborder-spacing\uff1a10px\/\/\u8bbe\u7f6e\u95f4\u8ddd\uff0c\u53d6\u503c\u968f\u610f,\u5b50\u7ea7div\u8bbe\u7f6edisplay:table-cell\uff0c\u8fd9\u79cd\u65b9\u6cd5\u517c\u5bb9\u6027\u597d\uff0c\u9002\u7528\u4e8e\u9ad8\u5ea6\u5bbd\u5ea6\u672a\u77e5\u7684\u60c5\u51b5\uff0c\u4f46\u662fmargin\u5931\u6548\uff0c\u8bbe\u8ba1\u95f4\u9694\u6bd4\u8f83\u9ebb\u70e6\uff0c<\/p>\n

5\u3001flex\u5b9e\u73b0\uff1a<\/p>\n

parent\u7684div\u8bbe\u7f6edisplay\uff1aflex\uff1bleft\u548ccenter\u7684div\u8bbe\u7f6emargin-right\uff1b\u7136\u540eright \u7684div\u8bbe\u7f6eflex\uff1a1\uff1b\u8fd9\u6837\u5b50right\u81ea\u9002\u5e94\uff0c\u4f46\u662fflex\u7684\u517c\u5bb9\u6027\u4e0d\u597d<\/p>\n

6\u3001grid\u5b9e\u73b0\uff1a<\/p>\n

parent\u7684div\u8bbe\u7f6edisplay\uff1agrid\uff0c\u8bbe\u7f6egrid-template-columns\u5c5e\u6027\uff0c\u56fa\u5b9a\u7b2c\u4e00\u5217\u7b2c\u4e8c\u5217\u5bbd\u5ea6\uff0c\u7b2c\u4e09\u5217auto\uff0c<\/p>\n

\u5bf9\u4e8e\u4e24\u4fa7\u5b9a\u5bbd\u4e2d\u95f4\u81ea\u9002\u5e94\u7684\u5e03\u5c40\uff0c\u5bf9\u4e8e\u8fd9\u79cd\u5e03\u5c40\u9700\u8981\u628acenter\u653e\u5728\u524d\u9762\uff0c\u53ef\u4ee5\u91c7\u7528\u53cc\u98de\u7ffc\u5e03\u5c40\uff1a\u5723\u676f\u5e03\u5c40\uff0c\u6765\u5b9e\u73b0\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528\u4e0a\u8ff0\u65b9\u6cd5\u4e2d\u7684grid\uff0ctable\uff0cflex\uff0cposition\u5b9e\u73b0<\/p>\n

\u00a0<\/p>\n

<pre><code> "“`
\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"

“`” \u53c2\u8003\u56de\u7b54\uff1a \u4e09\u5217\u5e03\u5c40\u53c8\u5206\u4e3a\u4e24\u79cd\uff0c\u4e24\u5217\u5b9a\u5bbd\u4e00\u5217\u81ea\u9002\u5e94\uff0c\u4ee5\u53ca\u4e24\u4fa7\u5b9a\u5bbd\u4e2d\u95f4\u81ea\u9002\u5e94 \u4e24 […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101],"tags":[],"class_list":["post-43067","post","type-post","status-publish","format-standard","hentry","category-c"],"_links":{"self":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/43067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/comments?post=43067"}],"version-history":[{"count":1,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/43067\/revisions"}],"predecessor-version":[{"id":43068,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/43067\/revisions\/43068"}],"wp:attachment":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/media?parent=43067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/categories?post=43067"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/tags?post=43067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}