源代码：
下载代码
AI 编程工具
点击运行
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.tailwindcss.com"></script> </head> <body> <div class="relative rounded-xl overflow-auto p-8"> <div class="grid grid-flow-col justify-center gap-4 font-mono font-bold text-xs text-center text-white"> <div class="grid items-center justify-center bg-blue-500 rounded-lg shadow-lg size-16">size-16</div> <div class="grid items-center justify-center bg-blue-500 rounded-lg shadow-lg size-20">size-20</div> <div class="items-center justify-center bg-blue-500 rounded-lg shadow-lg size-24 grid">size-24</div> <div class="items-center justify-center bg-blue-500 rounded-lg shadow-lg size-32 hidden sm:grid">size-32</div> <div class="items-center justify-center bg-blue-500 rounded-lg shadow-lg size-40 hidden md:grid">size-40</div> </div> </div> </body> </html>
运行结果：
AI 编程工具