/* 隐藏滚动条 */ .scrollbar-hide::-webkit-scrollbar { display: none; } .scrollbar-hide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } 2. 在Tailwind CSS中使用自定义类 在你的HTML文件中,你可以给需要隐藏滚动条的元素添加scrollbar-hide类。例...
<!-- 添加故事按钮 --> <svg class="h-8 w-8 text-gray-400 group-hover:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> </svg...
}/* Hide scrollbar for IE, Edge and Firefox */.no-scrollbar{ -ms-overflow-style: none;/* IE and Edge */scrollbar-width: none;/* Firefox */}
overflow-y: auto; &::-webkit-scrollbar { width: 0; } Expand All @@ -21,9 +22,16 @@ margin-left: 220px; overflow-x: hidden; transition: margin .2s; &.collapsed{ margin-left: 80px; &.collapsed { margin-left: 55px; border-right: 1px solid #e5e5e5; } &.horizontal { margi...
.scrollbar-hide::-webkit-scrollbar { display: none; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } Additionally, update the tag to remove the scrollbar-hide class, resulting in: SEO Configuration The SEO Configuration in the ScrewFast template is designed...
使用flex-1代替flex-grow 尝试Tailwind-play 我已经添加了页脚，现在你看不到任何溢出。
这是tailwindcss和动态类的一个已知问题，因为类是在渲染之后应用的，所以tailwind不会生成其效果，除非中...
scroll-hide::-webkit-scrollbar { display: none; } .scroll-hide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* END of Common */ /* START of Header */ .nav-active { @apply text-p3; } .nav-li { @apply relative flex flex-1 items...