如何在输入字段中使用线钳

Question

我试图在输入字段中的4行中显示文本，但似乎什么都不起作用。线夹是与输入一起工作，还是只是p标签？

.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}

编辑：用户可以在输入字段中写入注释标题，如果标题太长，则线夹应在此处开始工作

Answer 1

使用文本区域而不是输入，并通过rows和cols属性限制大小

<textarea rows="3" ></textarea>