{"id":25430,"date":"2024-11-24T08:20:50","date_gmt":"2024-11-24T00:20:50","guid":{"rendered":"https:\/\/fwq.ai\/blog\/25430\/"},"modified":"2024-11-24T08:20:50","modified_gmt":"2024-11-24T00:20:50","slug":"%e5%a6%82%e4%bd%95%e5%b0%86%e8%a1%a8%e6%a0%bc%e6%a8%aa%e5%90%91%e6%8e%92%e5%88%97%e5%b9%b6%e9%98%b2%e6%ad%a2%e9%81%ae%e6%8c%a1%e4%b8%8b%e6%a0%87%e5%92%8c%e6%8c%89%e9%92%ae%ef%bc%9f-2","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/25430\/","title":{"rendered":"\u5982\u4f55\u5c06\u8868\u683c\u6a2a\u5411\u6392\u5217\u5e76\u9632\u6b62\u906e\u6321\u4e0b\u6807\u548c\u6309\u94ae\uff1f"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/001\/246\/273\/173061094917418.jpg\" class=\"aligncenter\" title=\"\u5982\u4f55\u5c06\u8868\u683c\u6a2a\u5411\u6392\u5217\u5e76\u9632\u6b62\u906e\u6321\u4e0b\u6807\u548c\u6309\u94ae\uff1f\u63d2\u56fe\" alt=\"\u5982\u4f55\u5c06\u8868\u683c\u6a2a\u5411\u6392\u5217\u5e76\u9632\u6b62\u906e\u6321\u4e0b\u6807\u548c\u6309\u94ae\uff1f\u63d2\u56fe\" \/><\/p>\n<p><strong>\u5982\u4f55\u8ba9\u8868\u683c\u6a2a\u5411<\/strong>\uff1a<\/p>\n<p>\u5728 HTML \u4e2d\uff0c<strong>float: right<\/strong> \u5c5e\u6027\u7528\u4e8e\u5c06\u5143\u7d20\u5411\u53f3\u6d6e\u52a8\u3002\u5728\u6b64\u4ee3\u7801\u4e2d\uff0c\u6211\u4eec\u4f7f\u7528 <strong>float: right<\/strong> \u5c06\u8868\u683c\u5411\u53f3\u79fb\u52a8\u3002<\/p>\n<p><strong>\u5982\u4f55\u9632\u6b62\u65b0\u751f\u6210\u7684\u8868\u683c\u906e\u6321\u4e0b\u6807\u201c\u2228\u201d\u548c\u201c\u786e\u5b9a\u201d\u6309\u94ae<\/strong><\/p>\n<ol>\n<li>\u5728\u6837\u5f0f\u8868\u4e2d\uff0c\u4e3a\u65b0\u751f\u6210\u7684\u8868\u683c\u6dfb\u52a0 <strong>float: right<\/strong> \u6837\u5f0f\u3002<\/li>\n<li>\u8c03\u6574\u4e0b\u6807\u201c\u2228\u201d\u548c\u201c\u786e\u5b9a\u201d\u6309\u94ae\u7684\u4f4d\u7f6e\uff0c\u5c06\u5176\u653e\u5728\u8868\u683c\u4e0a\u65b9\uff0c\u4f7f\u7528 <strong>position: absolute<\/strong> \u5c5e\u6027\u3002<\/li>\n<\/ol>\n<p><strong>\u5982\u4f55\u9632\u6b62\u70b9\u51fb\u201c\u5411\u4e0b\u8fd8\u539f\u201d\u540e\u4e0b\u6807\u201c\u2228\u201d\u4f4d\u7f6e\u6539\u53d8<\/strong><\/p>\n<p>\u4f7f\u7528 <strong>position: absolute<\/strong> \u5c5e\u6027\u5c06\u4e0b\u6807\u201c\u2228\u201d\u56fa\u5b9a\u5728\u7279\u5b9a\u4f4d\u7f6e\uff0c\u8fd9\u6837\u4e0d\u7ba1\u662f\u5426\u70b9\u51fb\u201c\u5411\u4e0b\u8fd8\u539f\u201d\uff0c\u5b83\u7684\u4f4d\u7f6e\u90fd\u4e0d\u4f1a\u6539\u53d8\u3002<\/p>\n<p><strong>\u4fee\u6539\u540e\u7684\u4ee3\u7801<\/strong><\/p>\n<pre>&lt;html&gt;\n&lt;head&gt;\n  &lt;meta charset=\"utf-8\"&gt;\n  &lt;title&gt;Daily report generator&lt;\/title&gt;\n  &lt;style&gt;\n    * {\n      margin: 0;\n      padding: 0;\n    }\n    \n    .box {\n      float: right;\n      margin-right: -840px; \/* \u8c03\u6574\u4e3a\u8d1f\u503c\u4ee5\u5411\u53f3\u79fb\u52a8\u8868\u683c *\/\n      margin-top: 200px;\n      width: 10px;\n      position: absolute; \/* \u65b0\u5efa\u8868\u683c\u6d6e\u52a8\u5411\u53f3 *\/\n    }\n\n    .title {\n      background: linear-gradient(#141e30);\n    }\n\n    table {\n      height: 200px;\n      width: 200px;\n      font-size: 12px;\n      text-align: center;\n      float: right;\n      margin: 10px;\n      font-family: arial;\n    }\n    \n    \/* \u5176\u4ed6\u6837\u5f0f\u4fdd\u6301\u4e0d\u53d8 *\/\n    \n  &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n  &lt;div class=\"loginBox\"&gt;\n    &lt;h2&gt;Generator&lt;\/h2&gt;\n    &lt;form action=\"\"&gt;\n      &lt;div class=\"item\"&gt;\n        &lt;input type=\"text\" required&gt;\n        &lt;label for=\"\" style=\"font-size: 16px; color: #03e9f4;\"&gt;Data&lt;\/label&gt;\n      &lt;\/div&gt;\n      &lt;div class=\"item\"&gt;\n        &lt;input type=\"password\" required&gt;\n        &lt;label for=\"\"style=\"font-size: 16px; color: #03e9f4;\"&gt;Date&lt;\/label&gt;\n      &lt;\/div&gt;\n      &lt;button class=\"btn\" style=\"background: transparent; border: 0;outline: none;\"&gt;generate\n        &lt;span&gt;&lt;\/span&gt;\n        &lt;span&gt;&lt;\/span&gt;\n        &lt;span&gt;&lt;\/span&gt;\n        &lt;span&gt;&lt;\/span&gt;\n      &lt;\/button&gt;\n    &lt;\/form&gt;\n  &lt;\/div&gt;\n  \n  &lt;div class=\"add_sty\" style=\"position: absolute; top: 30px; left: 398px;\"&gt;\u2228&lt;\/div&gt;\n  &lt;div class=\"button_sty\" style=\"position: absolute; top: 30px; left: 420px;\"&gt;\u786e\u5b9a&lt;\/div&gt;\n\n  &lt;script src=\"jquery-3.6.3.min.js\"&gt;&lt;\/script&gt;\n  &lt;script&gt;\n    \/\/ \u5176\u4ed6\u4ee3\u7801\u4fdd\u6301\u4e0d\u53d8\n  &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5982\u4f55\u5c06\u8868\u683c\u6a2a\u5411\u5e76\u9632\u6b62\u906e\u6321\u4e0b\u6807\u548c\u6309\u94ae\uff1f\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5982\u4f55\u8ba9\u8868\u683c\u6a2a\u5411\uff1a \u5728 HTML \u4e2d\uff0cfloat: right \u5c5e\u6027\u7528\u4e8e\u5c06\u5143\u7d20\u5411\u53f3\u6d6e\u52a8\u3002\u5728\u6b64\u4ee3\u7801\u4e2d\uff0c\u6211\u4eec\u4f7f\u7528 float: right \u5c06\u8868\u683c\u5411\u53f3\u79fb\u52a8\u3002 \u5982\u4f55\u9632\u6b62\u65b0\u751f\u6210\u7684\u8868\u683c\u906e\u6321\u4e0b\u6807\u201c\u2228\u201d\u548c\u201c\u786e\u5b9a\u201d\u6309\u94ae \u5728\u6837\u5f0f\u8868\u4e2d\uff0c\u4e3a\u65b0\u751f\u6210\u7684\u8868\u683c\u6dfb\u52a0 float: right \u6837\u5f0f\u3002 \u8c03\u6574\u4e0b\u6807\u201c\u2228\u201d\u548c\u201c\u786e\u5b9a\u201d\u6309\u94ae\u7684\u4f4d\u7f6e\uff0c\u5c06\u5176\u653e\u5728\u8868\u683c\u4e0a\u65b9\uff0c\u4f7f\u7528 position: absolute \u5c5e\u6027\u3002 \u5982\u4f55\u9632\u6b62\u70b9\u51fb\u201c\u5411\u4e0b\u8fd8\u539f\u201d\u540e\u4e0b\u6807\u201c\u2228\u201d\u4f4d\u7f6e\u6539\u53d8 \u4f7f\u7528 position: absolute \u5c5e\u6027\u5c06\u4e0b\u6807\u201c\u2228\u201d\u56fa\u5b9a\u5728\u7279\u5b9a\u4f4d\u7f6e\uff0c\u8fd9\u6837\u4e0d\u7ba1\u662f\u5426\u70b9\u51fb\u201c\u5411\u4e0b\u8fd8\u539f\u201d\uff0c\u5b83\u7684\u4f4d\u7f6e\u90fd\u4e0d\u4f1a\u6539\u53d8\u3002 \u4fee\u6539\u540e\u7684\u4ee3\u7801 &lt;html&gt; &lt;head&gt; &lt;meta charset=&#8221;utf-8&#8243;&gt; &lt;title&gt;Daily report generator&lt;\/title&gt; &lt;style&gt; * { margin: 0; padding: 0; } .box { float: right; margin-right: -840px; \/* \u8c03\u6574\u4e3a\u8d1f\u503c\u4ee5\u5411\u53f3\u79fb\u52a8\u8868\u683c *\/ margin-top: 200px; width: 10px; position: absolute; \/* [&hellip;]<\/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-25430","post","type-post","status-publish","format-standard","hentry","category-16"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/25430","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=25430"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/25430\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=25430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=25430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=25430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}