Vue-show ellipsis beyond one or more lines

Be sure to set the width. Of course, if the content of your box occupies one line, when I didn’t say
1, the css exceeds a line with a dot to indicate
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

2. If the css exceeds two lines, use a dot to indicate
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; // want to exceed three Just change this to 3 for line display

Guess you like

Origin blog.csdn.net/weixin_62355341/article/details/124413836