时间戳

首页 > 解决方案 > 在 Tailwind 中显示隐藏不适用于 flex

html - 在 Tailwind 中显示隐藏不适用于 flex

问题描述

我正在尝试在移动设备中隐藏一个 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 中如何解决这个问题？

标签： htmlcsslaraveltailwind-css

解决方案

将其更改为

<div class="hidden md:visible">

推荐阅读