如何限制可编辑内容的<span>的行数？

Question

我正在使用Angular 6。

问题：

INSERT INTO external_table (field_1, field_2) select 'test',1;

如何限制行数？

找到了许多限制字符的答案。但是我需要用行来限制它。

Answer 1

您可以使用line-clamp。

.txt {
        overflow: hidden;
        width:200px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4; /* edit this line */
        -webkit-box-orient: vertical;
        border:1px solid #ccc;
      }

<div class="txt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>