源代码：
下载代码
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="flex justify-center"> <div class="space-y-4 font-mono font-bold text-xs text-center text-white"> <div class="px-4 py-2 bg-blue-500 rounded-lg shadow-lg w-96 hidden sm:block">w-96</div> <div class="px-4 py-2 bg-blue-500 rounded-lg shadow-lg w-80 hidden sm:block">w-80</div> <div class="px-4 py-2 bg-blue-500 rounded-lg shadow-lg w-64 hidden sm:block">w-64</div> <div class="px-4 py-2 bg-blue-500 rounded-lg shadow-lg w-48">w-48</div> <div class="px-4 py-2 bg-blue-500 rounded-lg shadow-lg w-40">w-40</div> <div class="px-4 py-2 bg-blue-500 rounded-lg shadow-lg w-32">w-32</div> <div class="px-4 py-2 bg-blue-500 rounded-lg shadow-lg w-24">w-24</div> </div> </div> </div> </body> </html>
运行结果：
AI 编程工具