在 Tailwind 中显示隐藏不适用于 flex答案

【问题标题】：Display hidden not working with flex in Tailwind在 Tailwind 中显示隐藏不适用于 flex
【发布时间】：2021-10-29 01:26:22
【问题描述】：

我正在尝试在移动设备中隐藏一个 div，并使用 md 屏幕及以上显示 flex，这是我的代码：

<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>

显然，无论是md还是sm还是xl屏幕，div都是隐藏的如何在 Tailwind 中解决此问题？

【问题讨论】：

这很简单，使用chrome或firefox控制台，你可以在任何宽度上进行检查...并且还可以查看活动类...

标签： html css laravel tailwind-css

【解决方案1】：

改成

<div class="hidden md:visible">

【讨论】：