图文列表:缩略图、弹性文本与尾部动作 | 星雨笔录

制作缩略图、标题正文与尾部操作的列表项。

核心: 图文列表可用“固定缩略图 + 弹性正文 + 固定按钮”的 Flex 结构。

最小示例:

.media-row { display: flex; align-items: center; gap: 12px; }
.media-row img { width: 72px; }
.media-row .text { flex: 1; min-width: 0; }

学完能做: 制作缩略图、标题正文与尾部操作的列表项。