TAY
笔记 · · 阅读 114

tailwindcss 比较low的瀑布流

<div class="columns-1 md:columns-3 lg:columns-3 divide-y sm:divide-none">
    <div class="bg-white shadow-sm group break-inside-avoid-column sm:rounded-md hover:text-green-600 p-6 relative mb-4 cursor-pointer">
        <h2 class="font-bold text-lg text-center mb-4">TITLE</h2>
        <div class="text-center space-x-2 mb-4">
            <span>Name</span>
            <span>·</span>
            <span>Time</span>
        </div>
        <div class="text-center text-base tracking-widest leading-7">123</div>
    </div>
</div>
目录