您好，麻烦帮我看下 grid 表格的问题，谢谢；

thinkings发布于2021-12-253365 次阅读

是想弄一个居中的页面，分成左右两栏，左边占 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>

本站文章均为原创内容，如需转载请注明出处，谢谢。

7 条回复

随风 · 练气 #1 2021-12-25

是这样的吗
thinkings · 金丹 #2 2021-12-26

对随风 · 练气 #10 回复

是这样的吗

谢谢站长，我按这样子试了，显示还是不正常，看来可能是 laravel 引入的 tailwind 问题？chrome ,safari 都显示的不正常；
thinkings · 金丹 #3 2021-12-26

对随风 · 练气 #10 回复

是这样的吗

试了下在 play.tailwindcss.com 上试，显示是正常的。自己本地调试显示不正常。。
随风 · 练气 #4 2021-12-26

对 thinkings · 金丹 #10 回复

试了下在 play.tailwindcss.com 上试，显示是正常的。自己本地调试显示不正常。。

那应该是配置的问题，打开源码看下，有没有加载正确 tailwind
thinkings · 金丹 #5 2021-12-27

加载了，不知道是哪里配置有问题，模仿您的 tailwind 课程做的界面，就右边不正常，其它地方都还正常。
SALTED-FISH · 道祖 #6 2021-12-31

对 thinkings · 金丹 #10 回复

加载了，不知道是哪里配置有问题，模仿您的 tailwind 课程做的界面，就右边不正常，其它地方都还正常。

到 Play Tailwind 来个最小复现，帮你看看
thinkings · 金丹 #7 2021-12-31

对 SALTED-FISH · 道祖 #10 回复

到 Play Tailwind 来个最小复现，帮你看看

谢谢，到 play.tailwindcss.com 看过了。显示是正常的。laravel 没有安装好 tailwind.

喜欢

统计信息

学员: 27970

视频数量: 1931

文章数量: 489

粤公网安备 44152102000088号 | 粤ICP备19038915号

Top