(html,css，js)模版中如何如何控制内容显示长度

.title {
display: -webkit-box;
overflow: hidden;
white-space: normal !important;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

-webkit-line-clamp: 1;中的1代表所控制的行数。