免费在线CSS多行文本截断(line-clamp)生成器，可视化预览文本行数限制效果。支持设置行数、行高、字体大小，实时预览截断效果。一键复制CSS代码，无需注册。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用
Updated: 2026-07-11
👁️ 实时预览
预览效果
📄 文本截断预览示例
CSS（Cascading Style Sheets）是一种用于描述HTML文档样式的标记语言。Line-Clamp是一个非常有用的CSS属性，它允许你将文本限制在指定的行数内，并在末尾自动添加省略号（...）。
📊 不同行数效果对比
📋 CSS 代码
.text-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
font-size: 14px;
line-height: 1.6;
}