{"id":48687,"date":"2024-12-02T09:08:01","date_gmt":"2024-12-02T01:08:01","guid":{"rendered":"https:\/\/fwq.ai\/blog\/48687\/"},"modified":"2024-12-02T09:08:01","modified_gmt":"2024-12-02T01:08:01","slug":"php-%e4%b8%ad%e7%9a%84-tailwind-css-%e8%a7%a3%e6%9e%90%e5%99%a8%e9%9c%80%e8%a6%81%e5%b8%ae%e5%8a%a9","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/48687\/","title":{"rendered":"PHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9"},"content":{"rendered":"<p><b><\/b> <\/p>\n<h1>PHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9<\/h1>\n<p><span style=\"cursor: pointer\"><i><\/i>\u6536\u85cf<\/span> <\/p>\n<p>\u54c8\u55bd\uff01\u5927\u5bb6\u597d\uff0c\u5f88\u9ad8\u5174\u53c8\u89c1\u9762\u4e86\uff0c\u6211\u662f\u7c73\u4e91\u7684\u4e00\u540d\u4f5c\u8005\uff0c\u4eca\u5929\u7531\u6211\u7ed9\u5927\u5bb6\u5e26\u6765\u4e00\u7bc7<span style=\"color: #FF6600;, Helvetica, Arial, sans-serif;font-size: 14px;background-color: #FFFFFF\">\u300aPHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9\u300b<\/span>\uff0c\u672c\u6587\u4e3b\u8981\u4f1a\u8bb2\u5230<span style=\"color: #FF6600;, Helvetica, Arial, sans-serif;font-size: 14px;background-color: #FFFFFF\"><\/span>\u7b49\u7b49\u77e5\u8bc6\u70b9\uff0c\u5e0c\u671b\u5927\u5bb6\u4e00\u8d77\u5b66\u4e60\u8fdb\u6b65\uff0c\u4e5f\u6b22\u8fce\u5927\u5bb6\u5173\u6ce8\u3001\u70b9\u8d5e\u3001\u6536\u85cf\u3001\u8f6c\u53d1! \u4e0b\u9762\u5c31\u4e00\u8d77\u6765\u770b\u770b\u5427\uff01<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.17golang.com\/uploads\/20241030\/173024803867217d66ef357.jpg\" class=\"aligncenter\" title=\"PHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9\u63d2\u56fe\" alt=\"PHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9\u63d2\u56fe\" \/><\/p>\n<p>\u5927\u5bb6\u597d\uff0c<\/p>\n<p>\u6211\u76ee\u524d\u6b63\u5728\u4e3a\u6211\u7684\u4e00\u4e2a\u9879\u76ee\u5f00\u53d1\u4e00\u4e2a php \u4e2d\u7684 tailwind css \u89e3\u6790\u5668\uff0c\u5176\u76ee\u7684\u662f\u5728\u8fd0\u884c\u65f6\u89e3\u6790 tailwind css \u7c7b\u3002\u6211\u5df2\u7ecf\u5f00\u59cb\u7814\u7a76\u5b83\u5e76\u5728\u6b64\u5904\u521b\u5efa\u4e86\u4e00\u4e2a\u5b58\u50a8\u5e93\uff1agithub &#8211; php tailwind parser\u3002<\/p>\n<p>\u6211\u5df2\u7ecf\u5b9e\u73b0\u4e86\u8bb8\u591a\u5df2\u8bb0\u5f55\u7684css\u7c7b\uff0c\u4f46\u6211\u76f8\u4fe1\u4ecd\u7136\u6709\u5f88\u591a\u7f3a\u5931\uff0c\u4f8b\u5982<strong>transform-gpu<\/strong>\u7b49\u3002\u6211\u9700\u8981\u5e2e\u52a9\u6765\u8bc6\u522b\u548c\u6536\u96c6\u6240\u6709 tailwind css \u7c7b\u53ca\u5176\u76f8\u5e94\u7684\u5b9a\u4e49\u3002\u4f8b\u5982\uff1a<\/p>\n<pre>'absolute' =&gt; '.absolute {\n  position: absolute;\n}'\n<\/pre>\n<p>\u76ee\u6807\u662f\u786e\u4fdd\u4e0d\u7f3a\u8bfe\u3002\u4e00\u65e6\u6240\u6709\u7c7b\u90fd\u88ab\u8003\u8651\u5728\u5185\uff0c\u6211\u8ba1\u5212\u5728 mit \u8bb8\u53ef\u8bc1\u7684 composer \u4e0a\u53d1\u5e03\u8fd9\u4e2a\u5305\u5e76\u63d0\u4f9b\u9002\u5f53\u7684\u6587\u6863\u3002<\/p>\n<p>\u6b64\u5916\uff0c\u5982\u679c\u4efb\u4f55 php \u5f00\u53d1\u4eba\u5458\u611f\u5174\u8da3\uff0c\u6211\u5c06\u975e\u5e38\u611f\u8c22\u60a8\u5e2e\u52a9\u6e05\u7406\u4ee3\u7801\u5e76\u5b8c\u6210\u5305\u4ee5\u4f7f\u5176\u5b8c\u6574\u4e14\u5065\u58ee\u3002<\/p>\n<p>\u9884\u5148\u611f\u8c22\u60a8\u7684\u5e2e\u52a9\uff01<\/p>\n<p>\u6700\u8bda\u631a\u7684\u95ee\u5019\uff0c<\/p>\n<p> [\u62c9\u514b\u574e]<\/p>\n<p>\u7406\u8bba\u8981\u638c\u63e1\uff0c\u5b9e\u64cd\u4e0d\u80fd\u843d\uff01\u4ee5\u4e0a\u5173\u4e8e\u300aPHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9\u300b\u7684\u8be6\u7ec6\u4ecb\u7ecd\uff0c\u5927\u5bb6\u90fd\u638c\u63e1\u4e86\u5427\uff01\u5982\u679c\u60f3\u8981\u7ee7\u7eed\u63d0\u5347\u81ea\u5df1\u7684\u80fd\u529b\uff0c\u90a3\u4e48\u5c31\u6765\u5173\u6ce8\u7c73\u4e91\u516c\u4f17\u53f7\u5427\uff01<\/p>\n<p> \u7248\u672c\u58f0\u660e \u672c\u6587\u8f6c\u8f7d\u4e8e\uff1adev.to \u5982\u6709\u4fb5\u72af\uff0c\u8bf7\u8054\u7cfb \u5220\u9664<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9 \u6536\u85cf \u54c8\u55bd\uff01\u5927\u5bb6\u597d\uff0c\u5f88\u9ad8\u5174\u53c8\u89c1\u9762\u4e86\uff0c\u6211\u662f\u7c73\u4e91\u7684\u4e00\u540d\u4f5c\u8005\uff0c\u4eca\u5929\u7531\u6211\u7ed9\u5927\u5bb6\u5e26\u6765\u4e00\u7bc7\u300aPHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9\u300b\uff0c\u672c\u6587\u4e3b\u8981\u4f1a\u8bb2\u5230\u7b49\u7b49\u77e5\u8bc6\u70b9\uff0c\u5e0c\u671b\u5927\u5bb6\u4e00\u8d77\u5b66\u4e60\u8fdb\u6b65\uff0c\u4e5f\u6b22\u8fce\u5927\u5bb6\u5173\u6ce8\u3001\u70b9\u8d5e\u3001\u6536\u85cf\u3001\u8f6c\u53d1! \u4e0b\u9762\u5c31\u4e00\u8d77\u6765\u770b\u770b\u5427\uff01 \u5927\u5bb6\u597d\uff0c \u6211\u76ee\u524d\u6b63\u5728\u4e3a\u6211\u7684\u4e00\u4e2a\u9879\u76ee\u5f00\u53d1\u4e00\u4e2a php \u4e2d\u7684 tailwind css \u89e3\u6790\u5668\uff0c\u5176\u76ee\u7684\u662f\u5728\u8fd0\u884c\u65f6\u89e3\u6790 tailwind css \u7c7b\u3002\u6211\u5df2\u7ecf\u5f00\u59cb\u7814\u7a76\u5b83\u5e76\u5728\u6b64\u5904\u521b\u5efa\u4e86\u4e00\u4e2a\u5b58\u50a8\u5e93\uff1agithub &#8211; php tailwind parser\u3002 \u6211\u5df2\u7ecf\u5b9e\u73b0\u4e86\u8bb8\u591a\u5df2\u8bb0\u5f55\u7684css\u7c7b\uff0c\u4f46\u6211\u76f8\u4fe1\u4ecd\u7136\u6709\u5f88\u591a\u7f3a\u5931\uff0c\u4f8b\u5982transform-gpu\u7b49\u3002\u6211\u9700\u8981\u5e2e\u52a9\u6765\u8bc6\u522b\u548c\u6536\u96c6\u6240\u6709 tailwind css \u7c7b\u53ca\u5176\u76f8\u5e94\u7684\u5b9a\u4e49\u3002\u4f8b\u5982\uff1a &#8216;absolute&#8217; =&gt; &#8216;.absolute { position: absolute; }&#8217; \u76ee\u6807\u662f\u786e\u4fdd\u4e0d\u7f3a\u8bfe\u3002\u4e00\u65e6\u6240\u6709\u7c7b\u90fd\u88ab\u8003\u8651\u5728\u5185\uff0c\u6211\u8ba1\u5212\u5728 mit \u8bb8\u53ef\u8bc1\u7684 composer \u4e0a\u53d1\u5e03\u8fd9\u4e2a\u5305\u5e76\u63d0\u4f9b\u9002\u5f53\u7684\u6587\u6863\u3002 \u6b64\u5916\uff0c\u5982\u679c\u4efb\u4f55 php \u5f00\u53d1\u4eba\u5458\u611f\u5174\u8da3\uff0c\u6211\u5c06\u975e\u5e38\u611f\u8c22\u60a8\u5e2e\u52a9\u6e05\u7406\u4ee3\u7801\u5e76\u5b8c\u6210\u5305\u4ee5\u4f7f\u5176\u5b8c\u6574\u4e14\u5065\u58ee\u3002 \u9884\u5148\u611f\u8c22\u60a8\u7684\u5e2e\u52a9\uff01 \u6700\u8bda\u631a\u7684\u95ee\u5019\uff0c [\u62c9\u514b\u574e] \u7406\u8bba\u8981\u638c\u63e1\uff0c\u5b9e\u64cd\u4e0d\u80fd\u843d\uff01\u4ee5\u4e0a\u5173\u4e8e\u300aPHP \u4e2d\u7684 Tailwind CSS \u89e3\u6790\u5668\u9700\u8981\u5e2e\u52a9\u300b\u7684\u8be6\u7ec6\u4ecb\u7ecd\uff0c\u5927\u5bb6\u90fd\u638c\u63e1\u4e86\u5427\uff01\u5982\u679c\u60f3\u8981\u7ee7\u7eed\u63d0\u5347\u81ea\u5df1\u7684\u80fd\u529b\uff0c\u90a3\u4e48\u5c31\u6765\u5173\u6ce8\u7c73\u4e91\u516c\u4f17\u53f7\u5427\uff01 \u7248\u672c\u58f0\u660e \u672c\u6587\u8f6c\u8f7d\u4e8e\uff1adev.to [&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-48687","post","type-post","status-publish","format-standard","hentry","category-16"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/48687","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=48687"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/48687\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=48687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=48687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=48687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}