是想弄一个居中的页面,分成左右两栏,左边占 1 列,右边占 5 列;
课程里的 3 列分成 1 列和 2 列,试了是正常显示的,然后总列数改成 1,分别占 1 和 4 就不正常了;
自己简单按下面做个试验 也显示不正常;
<body class="text-gray-600">
<div class="grid grid-cols-6 max-w-7xl mx-auto border-2">
<div class="border-2 col-span-1">111111111111111111111111111111111111111111111111</span></div>
<div class="border-2 col-span-5">
<span>
22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222
</span>
</div>
</div>
</body>
是这样的吗
谢谢站长,我按这样子试了,显示还是不正常,看来可能是 laravel 引入 的 tailwind 问题?chrome ,safari 都显示的不正常;
试了下在 play.tailwindcss.com 上试,显示是正常的。自己本地调试显示不正常。。
那应该是配置的问题,打开源码看下,有没有加载正确 tailwind
加载了,不知道是哪里配置有问题,模仿您的 tailwind 课程做的界面,就右边不正常,其它地方都还正常。
到 Play Tailwind 来个最小复现,帮你看看
谢谢,到 play.tailwindcss.com 看过了。显示是正常的。laravel 没有安装好 tailwind.