Div 不隐藏顺风类

SEV*_*VEN 0 css tailwind-css

我在尝试隐藏一些顺风的 div 时遇到问题

我有两个 div,但都显示在桌面和移动设备中

Div 1:必须在桌面上显示并在移动设备上隐藏。

<div class="hidden md:block" style="margin-bottom":5px></div>
Run Code Online (Sandbox Code Playgroud)

Div 2:必须在移动设备上显示并在桌面设备上隐藏:

<div class="hidden lg:block" style="margin-bottom":5px></div>
Run Code Online (Sandbox Code Playgroud)

mah*_*han 5

要仅在特定断点处应用可见性实用程序,请{screen}在现有类名中添加 : 前缀。例如,将类添加md:invisible到元素将在中等屏幕尺寸及以上尺寸应用不可见实用程序。

https://tailwindcss.com/docs/visibility#responsive

1

这在移动设备上隐藏,但在桌面上可见。

<div class="invisible md:visible"></div>
Run Code Online (Sandbox Code Playgroud)

2

这在移动设备上可见,但在桌面设备上隐藏。

<div class="visible md:invisible ..."></div>
Run Code Online (Sandbox Code Playgroud)

<div class="invisible md:visible"></div>
Run Code Online (Sandbox Code Playgroud)


您可以使用lg代替md.

  • 我查看了此内容,但不起作用,看起来它起作用了,因为谷歌只显示一个添加并让另一个为空。但两个 div 仍然出现 (2认同)