texts
中间截断的路径
什么都不用测量。把字符串切成两段放进一个 flex 行:头部是唯一可伸缩的元素并带着 text-overflow,尾部则拒绝收缩。行内空间不够时让步的是头部,截断点自然落在中间。大家最常漏掉的那行是 min-width: 0。
实时预览并复制提示词可调整的参数
- 背景
- 卡片颜色
- 头部颜色
- 次要颜色
- 尾部字符数
- 卡片宽度
目录的使用方式
每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。
