{"id":2414,"date":"2024-11-10T09:58:02","date_gmt":"2024-11-10T01:58:02","guid":{"rendered":"https:\/\/fwq.ai\/blog\/2414\/"},"modified":"2024-11-10T09:58:02","modified_gmt":"2024-11-10T01:58:02","slug":"css-%e8%ae%a9%e5%9b%be%e7%89%87%e6%b0%b4%e5%b9%b3%e6%8e%92%e5%88%97%ef%bc%8c%e4%b8%ba%e4%bb%80%e4%b9%88%e5%9b%be%e7%89%87%e5%8f%98%e6%88%90%e4%ba%86%e6%a2%af%e5%bd%a2%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/2414\/","title":{"rendered":"CSS \u8ba9\u56fe\u7247\u6c34\u5e73\u6392\u5217\uff0c\u4e3a\u4ec0\u4e48\u56fe\u7247\u53d8\u6210\u4e86\u68af\u5f62\uff1f"},"content":{"rendered":"

\"CSS<\/p>\n

\u8ba9\u56fe\u7247\u6c34\u5e73\uff0c\u4e3a\u4ec0\u4e48\u53d8\u6210\u68af\u5f62\u4e86\uff1f<\/strong><\/p>\n

\u5728 html \u4e2d\u4f7f\u7528
\u6807\u7b7e\u6765\u6362\u884c\u53ef\u80fd\u4f1a\u5bfc\u81f4\u56fe\u7247\u53d8\u6210\u68af\u5f62\uff0c\u56e0\u4e3a
\u4f1a\u5728\u56fe\u7247\u4e0b\u65b9\u521b\u5efa\u65b0\u7684\u884c\u3002<\/p>\n

\u5982\u4f55\u89e3\u51b3\uff1a<\/strong><\/p>\n

\u4e3a\u4e86\u8ba9\u56fe\u7247\u6c34\u5e73\u6392\u5217\uff0c\u53ef\u4ee5\u4f7f\u7528 css \u7684\uff1a<\/p>\n

\u7acb\u5373\u5b66\u4e60<\/span>\u201c\u201d\uff1b<\/p>\n

    \n
  1. \u5c06\u56fe\u7247\u5bb9\u5668 \u8bbe\u7f6e\u4e3a\u5f39\u6027\u5e03\u5c40\uff1adisplay: flex; flex-wrap: wrap; <\/li>\n
  2. \u7ed9\u56fe\u7247\u8bbe\u7f6e max-width \u548c margin-right\uff0c\u4ee5\u63a7\u5236\u56fe\u7247\u7684\u5927\u5c0f\u548c\u95f4\u8ddd\uff0c\u4f8b\u5982\uff1amax-width: 100px; margin-right: 10px;<\/li>\n

    \u4fee\u6539\u540e\u7684 html \u4ee3\u7801\uff1a<\/strong><\/p>\n

    <html>\n<head>\n    <title>Image Gallery<\/title>\n    <style>\n        .image-container {\n            display: flex;\n            flex-wrap: wrap;\n        }\n        .image-container img {\n            max-width: 100px;\n            margin-right: 10px;\n        }\n        h1 {\n            clear: both;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>Image Gallery<\/h1>\n    <div class=\"image-container\">\n        <!-- \u56fe\u7247\u6807\u7b7e -->\n    <\/div>\n<\/body>\n<\/html><\/pre>\n
     \u767b\u5f55\u540e\u590d\u5236\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    \u8ba9\u56fe\u7247\u6c34\u5e73\uff0c\u4e3a\u4ec0\u4e48\u53d8\u6210\u68af\u5f62\u4e86\uff1f \u5728 html \u4e2d\u4f7f\u7528 \u6807\u7b7e\u6765\u6362\u884c\u53ef\u80fd\u4f1a\u5bfc\u81f4\u56fe\u7247\u53d8\u6210\u68af\u5f62\uff0c\u56e0\u4e3a \u4f1a\u5728\u56fe\u7247\u4e0b\u65b9\u521b\u5efa\u65b0\u7684\u884c\u3002 \u5982\u4f55\u89e3\u51b3\uff1a \u4e3a\u4e86\u8ba9\u56fe\u7247\u6c34\u5e73\u6392\u5217\uff0c\u53ef\u4ee5\u4f7f\u7528 css \u7684\uff1a \u7acb\u5373\u5b66\u4e60\u201c\u201d\uff1b \u5c06\u56fe\u7247\u5bb9\u5668 \u8bbe\u7f6e\u4e3a\u5f39\u6027\u5e03\u5c40\uff1adisplay: flex; flex-wrap: wrap; \u7ed9\u56fe\u7247\u8bbe\u7f6e max-width \u548c margin-right\uff0c\u4ee5\u63a7\u5236\u56fe\u7247\u7684\u5927\u5c0f\u548c\u95f4\u8ddd\uff0c\u4f8b\u5982\uff1amax-width: 100px; margin-right: 10px; \u4fee\u6539\u540e\u7684 html \u4ee3\u7801\uff1a <html> <head> <title>Image Gallery<\/title> <style> .image-container { display: flex; flex-wrap: wrap; } .image-container img { max-width: 100px; margin-right: 10px; } h1 { clear: both; } <\/style> <\/head> <body> <h1>Image […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2414","post","type-post","status-publish","format-standard","hentry","category-16"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/2414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=2414"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/2414\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=2414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=2414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=2414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}