用户评价

瀑布流评价墙

Masonry quote wall

长短不一的错列评价

实时预览

提示词正文

Build a masonry testimonial wall with Tailwind CSS: three columns of quote cards with varied lengths, laid out with CSS columns so cards flow naturally into uneven stacks. Each card has the quote, a star row and a compact attribution. Keep the masonry to three columns on desktop, two on tablet, one on mobile, and avoid breaking a card across columns.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

CSS columns 实现瀑布流;卡片不要跨列断裂(break-inside-avoid)。

同类提示词 · 用户评价

© 2026 Genisource Vibe · 提示词详情