laravel 显示器隐藏,无法与Tailwind中的flex配合使用

u5rb5r59  于 2023-02-05  发布在  其他
关注(0)|答案(5)|浏览(130)

我试图隐藏一个div在移动的,并显示flex与md屏幕及以上,这里是我的代码:

<div class="hidden md:flex">
            <x-navbar.nav-links :href="route('welcome')"> Home </x-navbar.nav-links>
            <x-navbar.nav-links :href="route('welcome')"> Shop </x-navbar.nav-links>
            <x-navbar.nav-links :href="route('welcome')"> About Us </x-navbar.nav-links>
            <x-navbar.nav-links :href="route('welcome')"> Contact </x-navbar.nav-links>   
   </div>

显然,div是隐藏的所有时间,无论是一个md或sm或xl屏幕如何我可以修复这个在顺风?

yhived7q

yhived7q1#

改成

<div class="hidden md:visible">
vkc1a9a2

vkc1a9a22#

您可以尝试以下操作:

<div class="hidden sm:flex">

<div class="invisible sm:visible">
fjaof16o

fjaof16o3#

如果我说错了请纠正我。我一直在到处寻找错误,或者认为我在某个地方犯了错误。我意识到有时候,你看不到任何变化的原因

<div class="hidden md:block/flex/">

是因为***Chrome***。当我在Firefox或Brave上测试我的页面时,它和预期的一样好用。

c9x0cxw0

c9x0cxw04#

我也有同样的问题,这是因为Chrome浏览器,如果你使用

class="invisible md:visible md:flex"

它将在Chrome上工作

mepcadol

mepcadol5#

我也有同样的问题。我后来才意识到,我没有写在终端后退出和回来:
npx尾风css-i./源代码/输入. css-o./分发代码/输出. css--监视
(用你的文件替换inputidocss和outputidocss)之后对我起作用了!:)

相关问题